- Follow Next.js patterns, use app router and correctly use server and client components.
- Use TypeScript
- Use Tailwind CSS for styling.
- Use Shadcn UI for components.
- Use TanStack Query (react-query) for frontend data fetching.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use React Context for state management.
- Follow AirBnB style guide for code formatting.
- Use PascalCase when creating new React files. UserCard, not user-card.
- Use named exports when creating new react components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.

Create a client component with the following functionality. If writing this as a server component is not possible, explain why.

Create an API route with the following functionality.

Create a new Next.js page based on the following description.

Create a server component with the following functionality. If writing this as a server component is not possible, explain why.