feat(offers): add comparison workspace

job-tracker-ui/src/App.tsx

@@ -16,6 +16,7 @@ import SearchIcon from "@mui/icons-material/Search";
 import MemoryIcon from "@mui/icons-material/Memory";
 import DescriptionOutlinedIcon from "@mui/icons-material/DescriptionOutlined";
 import MailOutlineIcon from "@mui/icons-material/MailOutline";
+import CompareArrowsIcon from "@mui/icons-material/CompareArrows";
 
 import { Navigate, Route, Routes, useLocation, useNavigate, useParams, createBrowserRouter, RouterProvider } from "react-router-dom";
 
@@ -62,6 +63,7 @@ const AdminUsersPage = lazy(() => import("./views/AdminUsersPage"));
 const AdminSystemPage = lazy(() => import("./views/AdminSystemPage"));
 const CorrespondenceInboxPage = lazy(() => import("./views/CorrespondenceInboxPage"));
 const OperationsPage = lazy(() => import("./views/OperationsPage"));
+const OfferComparisonPage = lazy(() => import("./views/OfferComparisonPage"));
 const NotFoundPage = lazy(() => import("./views/NotFoundPage"));
 
 type AuthConfig = { requireAuth: boolean };
@@ -93,6 +95,7 @@ function breadcrumbsFor(path: string, t: (k: any) => string): string[] {
   if (path.startsWith("/operations")) return [t("home"), t("operations")];
   if (path.startsWith("/kanban")) return [t("home"), t("kanbanBoard")];
   if (path.startsWith("/companies")) return [t("home"), t("companies")];
+  if (path.startsWith("/offers")) return [t("home"), t("offerComparisonTitle")];
   if (path.startsWith("/correspondence/review")) return [t("home"), t("gmailReviewQueue")];
   if (path.startsWith("/correspondence")) return [t("home"), t("correspondenceInboxTitle")];
   if (path.startsWith("/trash")) return [t("home"), t("trash")];
@@ -116,6 +119,7 @@ function titleFor(path: string, t: (k: any) => string): string {
   if (path.startsWith("/jobs")) return t("jobApplications");
   if (path.startsWith("/kanban")) return t("kanbanBoard");
   if (path.startsWith("/companies")) return t("companies");
+  if (path.startsWith("/offers")) return t("offerComparisonTitle");
   if (path.startsWith("/correspondence/review")) return t("gmailReviewQueue");
   if (path.startsWith("/correspondence")) return t("correspondenceInboxTitle");
   if (path.startsWith("/trash")) return t("trash");
@@ -137,6 +141,7 @@ function subtitleFor(path: string, t: (k: any) => string): string | undefined {
   if (path.startsWith("/jobs")) return t("jobsPageSubtitle");
   if (path.startsWith("/kanban")) return t("kanbanPageSubtitle");
   if (path.startsWith("/reminders")) return t("remindersPageSubtitle");
+  if (path.startsWith("/offers")) return t("offerComparisonPageSubtitle");
   if (path.startsWith("/correspondence/review")) return t("gmailReviewPageSubtitle");
   if (path.startsWith("/correspondence")) return t("correspondencePageSubtitle");
   return undefined;
@@ -287,6 +292,7 @@ function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMo
     { to: "/reminders", label: t("reminders"), icon: <AlarmIcon fontSize="small" />, badgeCount: reminderCount, section: t("manage") },
     { to: "/kanban", label: t("kanbanBoard"), icon: <ViewKanbanIcon fontSize="small" />, section: t("manage") },
     { to: "/companies", label: t("companies"), icon: <BusinessIcon fontSize="small" />, section: t("manage") },
+    { to: "/offers", label: t("offerComparisonNav"), icon: <CompareArrowsIcon fontSize="small" />, section: t("manage") },
     { to: "/correspondence", label: t("correspondenceInbox"), icon: <MailOutlineIcon fontSize="small" />, section: t("manage") },
     { to: "/career", label: t("careerWorkspace"), icon: <DescriptionOutlinedIcon fontSize="small" />, section: t("manage") },
     { to: "/career/builder", label: t("cvBuilder"), icon: <DescriptionOutlinedIcon fontSize="small" />, section: t("manage") },
@@ -376,6 +382,7 @@ function Shell({ jobPageSize, setJobPageSize, jobColumns, setJobColumns, themeMo
             <Route path="/operations" element={<OperationsPage />} />
             <Route path="/kanban" element={<KanbanBoard />} />
             <Route path="/companies" element={<CompaniesTable />} />
+            <Route path="/offers" element={<OfferComparisonPage />} />
             <Route path="/correspondence" element={<CorrespondenceInboxPage />} />
             <Route path="/correspondence/review" element={<Navigate to="/correspondence?view=review" replace />} />
             <Route path="/profile" element={<ProfilePage />} />