Rules for Remix.js
- Follow Remix.js patterns and correctly use server and client components.
- Use Tailwind CSS for styling. - Use Flowbite UI for components.
- Use TanStack Table for the table component.
- Use React-Select for the select/combobox component.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use React Context for state management.
- 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.