setup routes

src/pages/Documents/DocumentPage.jsx

@@ -0,0 +1,47 @@
+import React from 'react'
+import Breadcrumb from '../../components/common/Breadcrumb'
+
+const DocumentPage = () => {
+  return (
+  <div className='container-fluid'>
+     <Breadcrumb
+          data={[
+            { label: "Home", link: "/dashboard" },
+            { label: "Document", link: null },
+          ]}
+        />
+       <div className="card d-flex p-2">
+            <div className="row align-items-center">
+              {/* Search */}
+              <div className="col-6 col-md-6 col-lg-3 mb-md-0">
+                <input
+                  type="search"
+                
+                  className="form-control form-control-sm"
+                  placeholder="Search Tenant"
+                />
+              </div>
+
+              {/* Actions */}
+              <div className="col-6 col-md-6 col-lg-9 text-end">
+                <span className="text-tiny text-muted p-1 border-0 bg-none lead mx-3 cursor-pointer">
+                  Refresh
+                  < i className={`bx bx-refresh ms-1 `}></i>
+                </span>
+
+                <button
+                  type="button"
+                  title="Add New Tenant"
+                  className="p-1 bg-primary rounded-circle cursor-pointer"
+                >
+                  <i className="bx bx-plus fs-4 text-white"></i>
+                </button>
+              </div>
+            </div>
+          </div>
+
+  </div>
+  )
+}
+
+export default DocumentPage

src/router/AppRoutes.jsx

@@ -44,6 +44,7 @@ import ExpensePage from "../pages/Expense/ExpensePage";
 import TenantDetails from "../pages/Tenant/TenantDetails";
 import SelfTenantDetails from "../pages/Tenant/SelfTenantDetails";
 import SuperTenantDetails from "../pages/Tenant/SuperTenantDetails";
+import DocumentPage from "../pages/Documents/DocumentPage";
 
 const router = createBrowserRouter(
   [
@@ -69,6 +70,7 @@ const router = createBrowserRouter(
             { path: "/", element: <Dashboard /> },
             { path: "/dashboard", element: <Dashboard /> },
             { path: "/projects", element: <ProjectList /> },
+            { path: "/document", element: <DocumentPage /> },
             { path: "/projects/details", element: <ProjectDetails /> },
             { path: "/project/manage/:projectId", element: <ManageProject /> },
             { path: "/employees", element: <EmployeeList /> },