make a contrat template

apps/edr-freight-web/backoffice/src/App.tsx

@@ -13,6 +13,7 @@ import {
   PackageOpen,
   Paperclip,
   Receipt,
+  ScrollText,
   Send,
   Settings,
   ShieldCheck,
@@ -84,6 +85,8 @@ import UserManagementPage from "./pages/dashboard/user-management/UserManagement
 import UsersPage from "./pages/dashboard/user-management/UsersPage";
 import FileUploadSettingsPage from "./pages/documents/FileUploadSettingsPage";
 import DropdownSettingsPage from "./pages/dropdown_settings/DropdownSettingsPage";
+import ContractTemplatesPage from "./pages/contract_templates/ContractTemplatesPage";
+import ContractTemplateEditorPage from "./pages/contract_templates/ContractTemplateEditorPage";
 import FleetResourcePage from "./pages/fleet/FleetResourcePage";
 import VehicleDetailPage from "./pages/fleet/VehicleDetailPage";
 import DriverDetailPage from "./pages/fleet/DriverDetailPage";
@@ -461,6 +464,12 @@ const buildSidebarSections = (demoItems: SidebarItem[]): SidebarSection[] => [
         icon: <Settings />,
         permission: FREIGHT_PERMS.admin,
       },
+      {
+        label: "Contract templates",
+        href: "/dashboard/contract-templates",
+        icon: <ScrollText />,
+        permission: FREIGHT_PERMS.admin,
+      },
     ],
   },
   {
@@ -1252,6 +1261,22 @@ const App = () => {
             </RequirePermission>
           }
         />
+        <Route
+          path="contract-templates"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.admin}>
+              <ContractTemplatesPage />
+            </RequirePermission>
+          }
+        />
+        <Route
+          path="contract-templates/:code"
+          element={
+            <RequirePermission permission={FREIGHT_PERMS.admin}>
+              <ContractTemplateEditorPage />
+            </RequirePermission>
+          }
+        />
 
         <Route
           path="configuration"