fix(frontend): align pages with DB schema, fix auth, and improve UX

- Fix auth system: remove redirect bugs in login/register pages, register
  routes, wrap protected routes with AuthGuard, add AuthInitializer
- Add missing navbar links (Diagnosa, Pustaka, expert Review)
- Fix DiagnosesPage status filter to match DB DiagnosisStatus enum,
  support URL params (?status=, ?risk=) from dashboard links
- Replace hardcoded disease data on Dashboard with API-driven data,
  fix layout bugs (invalid gap-57 class, empty Button)
- Rewrite LibraryPage to use API instead of mock-diseases.ts
- Indonesian-ize Expert Reviews page labels and text
- Wrap DiagnosisDetailPage with MainLayout for consistent layout
- Improve ScanPage UX: image preview before upload, lucide icons,
  proper disease names in result modal, file size validation
- Delete dead code: mock-diseases.ts, unused form components,
  tailwind.config.ts (Tailwind v4 does not read v3 config)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

apps/web/src/app.tsx

@@ -4,6 +4,8 @@ import {
   RouterProvider,
   Navigate,
 } from "react-router-dom";
+import { AuthInitializer } from "@/components/auth-initializer";
+import { AuthGuard } from "@/components/auth-guard";
 import { DashboardPage } from "@/pages/dashboard-page";
 import { ScanPage } from "@/pages/scan-page";
 import { LibraryPage } from "@/pages/library-page";
@@ -12,59 +14,73 @@ import { DiseaseDetailPage } from "@/pages/disease-detail-page";
 import { DiagnosisDetailPage } from "@/pages/diagnosis-detail-page";
 import { ExpertReviewsPage } from "@/pages/expert-reviews-page";
 import { DiagnosesPage } from "@/pages/diagnoses-page";
+import { LoginPage } from "@/pages/login-page";
+import { RegisterPage } from "@/pages/register-page";
 import { MainLayout } from "@/components/layout/main-layout";
 
 const queryClient = new QueryClient();
 
 const router = createBrowserRouter([
+  { path: "/", element: <Navigate to="/login" replace /> },
+  { path: "/login", element: <LoginPage /> },
+  { path: "/register", element: <RegisterPage /> },
   {
-    path: "/",
-    element: <Navigate to="/dashboard" replace />,
-  },
-  {
-    path: "/",
-    element: <Navigate to="/dashboard" replace />,
+    path: "/dashboard",
+    element: (
+      <AuthGuard>
+        <MainLayout>
+          <DashboardPage />
+        </MainLayout>
+      </AuthGuard>
+    ),
   },
   {
     path: "/scan",
     element: (
-      <MainLayout>
-        <ScanPage />
-      </MainLayout>
+      <AuthGuard>
+        <MainLayout>
+          <ScanPage />
+        </MainLayout>
+      </AuthGuard>
     ),
   },
   {
     path: "/library",
     element: (
-      <MainLayout>
-        <LibraryPage />
-      </MainLayout>
+      <AuthGuard>
+        <MainLayout>
+          <LibraryPage />
+        </MainLayout>
+      </AuthGuard>
     ),
   },
-  
-  {
-    path: "/dashboard",
-    element: (
-      <MainLayout>
-        <DashboardPage />
-      </MainLayout>
-    ),
-  },
-  {
-    path: "/diagnoses/:id",
-    element: <DiagnosisDetailPage />,
-  },
   {
     path: "/diagnoses",
     element: (
-      <MainLayout>
-        <DiagnosesPage />
-      </MainLayout>
+      <AuthGuard>
+        <MainLayout>
+          <DiagnosesPage />
+        </MainLayout>
+      </AuthGuard>
+    ),
+  },
+  {
+    path: "/diagnoses/:id",
+    element: (
+      <AuthGuard>
+        <MainLayout>
+          <DiagnosisDetailPage />
+        </MainLayout>
+      </AuthGuard>
     ),
   },
   {
     path: "/expert/reviews",
-    element: <ExpertReviewsPage />,
+    element: (
+      <AuthGuard requireExpert>
+        <ExpertReviewsPage />
+      </AuthGuard>
+    ),
   },
   { path: "/catalog", element: <CatalogPage /> },
   { path: "/catalog/:slug", element: <DiseaseDetailPage /> },
@@ -73,6 +89,7 @@ const router = createBrowserRouter([
 export function App() {
   return (
     <QueryClientProvider client={queryClient}>
+      <AuthInitializer />
       <RouterProvider router={router} />
     </QueryClientProvider>
   );