Implement fullstack education catalog with disease detail pages, API routes, and shared types

- Add disease detail page component with data fetching and error handling
- Create shared types for diseases and classifications
- Implement API routes for diseases, classifications, and dashboard summary
- Develop reusable components for risk badge and disease card
- Build catalog page with search and filter functionality
- Update dashboard page with data-backed summary and manual classification form
- Register new routes in the web application
- Ensure type safety and consistency across shared modules

apps/web/src/app.tsx

@@ -2,6 +2,8 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { DashboardPage } from '@/pages/dashboard-page';
 import { LandingPage } from '@/pages/landing-page';
+import { CatalogPage } from '@/pages/catalog-page';
+import { DiseaseDetailPage } from '@/pages/disease-detail-page';
 
 const queryClient = new QueryClient();
 
@@ -14,6 +16,14 @@ const router = createBrowserRouter([
     path: '/dashboard',
     element: <DashboardPage />,
   },
+  {
+    path: '/catalog',
+    element: <CatalogPage />,
+  },
+  {
+    path: '/catalog/:slug',
+    element: <DiseaseDetailPage />,
+  },
 ]);
 
 export function App() {