- Follow Next.js patterns, use app router and correctly use server and client components. 
- Use Tailwind CSS for styling. 
- Use Shadcn UI for components. 
- Use Radix-UI for components (if needed) 
- Use Preline UI for components 
- Use TanStack Query (react-query) for frontend data fetching. 
- Use React Hook Form for form handling. 
- Use Zod for validation. 
- Use ReactContext for state management. 
- Use DrizzleORM for database access. 
- Follow AirBnB style guide for code formatting. 
- Use PascalCase when creating new React files. UserCard, not user-card. 
- Use export default function named when creating new react components. 
- i will be using Nextjs 15+ & React 19+
- Allow for code injection & copy 
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.

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

Review this API route for security vulnerabilities. Ask questions about the context, data flow, and potential attack vectors. Be thorough in your investigation.

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