document page setup

apps/Backend/src/routes/index.ts

@@ -6,7 +6,7 @@ import staffRoutes from './staffs'
 import pdfExtractionRoutes from './pdfExtraction';
 import claimsRoutes from './claims';
 import insuranceCredsRoutes from './insuranceCreds';
-import claimsPdfRoutes from './claim-pdf';
+import documentRoutes from './documenets';
 
 const router = Router();
 
@@ -17,6 +17,6 @@ router.use('/staffs', staffRoutes);
 router.use('/pdfExtraction', pdfExtractionRoutes);
 router.use('/claims', claimsRoutes);
 router.use('/insuranceCreds', insuranceCredsRoutes);
-router.use('/claimspdf', claimsPdfRoutes);
+router.use('/documents', documentRoutes);
 
 export default router;

apps/Frontend/src/App.tsx

@@ -16,7 +16,7 @@ const SettingsPage = lazy(() => import("./pages/settings-page"));
 const ClaimsPage = lazy(() => import("./pages/claims-page"));
 const PreAuthorizationsPage = lazy(() => import("./pages/preauthorizations-page"));
 const PaymentsPage = lazy(() => import("./pages/payments-page"));
-const ClaimsPdfPage = lazy(() => import("./pages/claims-pdf-page"));
+const DocumentPage = lazy(() => import("./pages/documents-page"));
 const NotFound = lazy(() => import("./pages/not-found"));
 
 function Router() {
@@ -29,7 +29,7 @@ function Router() {
       <ProtectedRoute path="/claims" component={() => <ClaimsPage />} />
       <ProtectedRoute path="/preauthorizations" component={() => <PreAuthorizationsPage />} />
       <ProtectedRoute path="/payments" component={() => <PaymentsPage />} />
-      <ProtectedRoute path="/claimspdf" component={() => <ClaimsPdfPage/>}/>
+      <ProtectedRoute path="/documents" component={() => <DocumentPage/>}/>
       <Route path="/auth" component={() => <AuthPage />} />
       <Route component={() => <NotFound />} />
     </Switch>

apps/Frontend/src/components/layout/sidebar.tsx

@@ -1,5 +1,5 @@
 import { Link, useLocation } from "wouter";
-import { LayoutDashboard, Users, Calendar, Settings, FileCheck, ClipboardCheck, CreditCard } from "lucide-react";
+import { LayoutDashboard, Users, Calendar, Settings, FileCheck, ClipboardCheck, CreditCard, FolderOpen } from "lucide-react";
 
 import { cn } from "@/lib/utils";
 
@@ -42,6 +42,11 @@ export function Sidebar({ isMobileOpen, setIsMobileOpen }: SidebarProps) {
       path: "/payments",
       icon: <CreditCard className="h-5 w-5" />,
     },
+    {
+      name: "Documents",
+      path: "/documents",
+      icon: <FolderOpen className="h-5 w-5" />,
+    },
     {
       name: "Settings",
       path: "/settings",