Generate a production-ready [COMPONENT_TYPE] component using Next.js 14 App Router, TailwindCSS, and Shadcn UI. Requirements: 1. Create a responsive, accessible React component in `src/components/[COMPONENT_NAME].tsx`. 2. Create the necessary Zod schema for validation in `src/lib/validations.ts`. 3. Create a Server Action in `src/app/actions/[ACTION_NAME].ts` to handle the database insertion using Drizzle ORM. 4. Implement optimistic UI updates using React's `useOptimistic` hook. 5. Ensure the component follows the existing design system tokens and supports dark mode. 6. Add loading states (skeletons) and error handling with react-hot-toast. Please provide the exact file paths and code for each file sequentially.