Update dependencies and configuration for React Router and Tailwind CSS

- Add new dependencies including @hookform/resolvers, @lambdacurry/forms, react-hook-form, remix-hook-form, and zod to bun.lock.
- Update .gitignore to include .react.router for generated files.
- Adjust plugin order in vite.config.ts for React Router, tsconfig paths, and Tailwind CSS.
- Clean up globals.css by removing outdated utility classes and adding new source imports.
- Simplify routes configuration in routes.ts and create a new index route file for better organization.

Author: jaruesink

.gitignore

@@ -117,3 +117,6 @@ Thumbs.db
 
 # Biome
 .biome-cache
+
+# React Router
+.react-router

apps/todo-app/app/globals.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
-
+@source "../../packages/ui/src/components/ui/**/*.{ts,tsx}";
+@source "../../../node_modules/@lambdacurry/forms/**/*.{js,ts,tsx}";
 
 @theme inline {
   --breakpoint-3xl: 1600px;
@@ -163,26 +164,6 @@
   }
 }
 
-@utility border-grid {
-  @apply border-border/50 dark:border-border;
-}
-
-@utility section-soft {
-  @apply from-background to-surface/40 dark:bg-background 3xl:fixed:bg-none bg-gradient-to-b;
-}
-
-@utility theme-container {
-  @apply font-sans;
-}
-
-@utility container-wrapper {
-  @apply 3xl:fixed:max-w-[calc(var(--breakpoint-2xl)+2rem)] mx-auto w-full px-2;
-}
-
-@utility container {
-  @apply 3xl:max-w-screen-2xl mx-auto max-w-[1400px] px-4 lg:px-8;
-}
-
 @utility no-scrollbar {
   -ms-overflow-style: none;
   scrollbar-width: none;

apps/todo-app/app/routes.ts

@@ -1,7 +1,4 @@
 import type { RouteConfig } from '@react-router/dev/routes';
 import { index, route } from '@react-router/dev/routes';
 
-export default [
-  index('routes/home.tsx'),
-  route('create-todo', 'routes/create-todo.tsx'),
-] satisfies RouteConfig;
+export default [index('routes/home.tsx'), route('create-todo', 'routes/create-todo.tsx')] satisfies RouteConfig;

apps/todo-app/app/routes/_index.tsx

@@ -0,0 +1 @@
+export { default, meta } from './home';

apps/todo-app/vite-env.d.ts

@@ -11,3 +11,4 @@ interface ImportMetaEnv {
 interface ImportMeta {
   readonly env: ImportMetaEnv;
 }
+

apps/todo-app/vite.config.ts

@@ -4,6 +4,7 @@ import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
-  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()]
+  // Plugin order can matter; React Router first, then path resolutions, then Tailwind
+  plugins: [reactRouter(), tsconfigPaths(), tailwindcss()]
 });