I'd be happy to create a notes app that looks like a yellow legal pad with tabs to switch between contexts. Let's break this down into components and create a React application using Next.js and Tailwind CSS for styling.

Let's start by creating the main component:

This code creates a notes app that looks like a yellow legal pad with tabs to switch between different contexts (Personal, Work, and Ideas). Here's a breakdown of what we've done:

1. We've created a main LegalPadNotes component in app/page.tsx that uses the Tabs component from shadcn/ui to create the tabbed interface.
2. We've used React's useState hook to manage the state of our notes for each context.
3. The app uses Tailwind CSS for most of the styling, with custom CSS in globals.css to create the lined paper effect and the red margin line.
4. Each tab contains a textarea where users can write their notes. The notes are saved in the component's state, so they persist when switching between tabs (but will be lost on page refresh - you'd need to add persistence to keep them permanently).
5. The layout is responsive and should work well on both desktop and mobile devices.

To use this app:

1. Make sure you have the necessary dependencies installed (Next.js, Tailwind CSS, and shadcn/ui components).
2. Copy the provided code into your project files.
3. Run your Next.js development server.

You should now see a yellow legal pad-style notes app with tabs for Personal, Work, and Ideas contexts. You can click on the tabs to switch between contexts and start writing notes in each section.

Is there anything you'd like me to modify or explain further?