feat: refactor setup tailwind and css

apps/web/src/apps/index.tsx

@@ -1,6 +1,9 @@
 import { lazy, Suspense } from 'react';
 import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
-import { NotFound, Forbidden, Maintenance, ComingSoon } from '@repo/ui';
+import { NotFound } from '@repo/ui/components/system-pages/not-found';
+import { Forbidden } from '@repo/ui/components/system-pages/forbidden';
+import { Maintenance } from '@repo/ui/components/system-pages/maintenance';
+import { ComingSoon } from '@repo/ui/components/system-pages/coming-soon';
 
 const AuthModule = lazy(() => import('./auth'));
 const AppModule = lazy(() => import('./modules'));

apps/web/src/apps/modules/example/example.page.tsx

@@ -1,3 +1,3 @@
 export default function ExamplePage() {
-  return <div>example</div>;
+  return <div className="bg-amber-200">example</div>;
 }

apps/web/src/main.css

@@ -1 +1,3 @@
-@import '@repo/ui/global.css';
+@import 'tailwindcss';
+@import '@repo/ui/theme.css';
+@source "../../../packages/ui/src";