refactor(examlense): reorganize frontend structure

apps/examlense/frontend/src/App.tsx

@@ -5,14 +5,11 @@ import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { Navigate } from "react-router-dom";
 import NotFound from "./pages/NotFound.tsx";
-import Exams from "./pages/Exams.tsx";
-import ExamEdit from "./pages/ExamEdit.tsx";
-import GradeRoute from "./pages/GradeRoute.tsx";
-import ExamResults from "./pages/ExamResults.tsx";
-import AdminDashboard from "./pages/AdminDashboard.tsx";
-import Auth from "./pages/Auth.tsx";
-import ResetPassword from "./pages/ResetPassword.tsx";
-import { RequireAuth } from "./components/RequireAuth";
+import Exams from "./pages/exams/Exams.tsx";
+import ExamEdit from "./pages/exam-edit/ExamEdit.tsx";
+import GradeRoute from "./pages/exam-grading/GradeRoute.tsx";
+import ExamResults from "./pages/exam-results/ExamResults.tsx";
+import AdminDashboard from "./pages/admin/AdminDashboard.tsx";
 
 const queryClient = new QueryClient();
 
@@ -26,13 +23,11 @@ const AppRoutes = () => {
     <BrowserRouter basename={routerBasename}>
       <Routes>
         <Route path="/" element={<Navigate to="/exams" replace />} />
-        <Route path="/auth" element={<Auth />} />
-        <Route path="/reset-password" element={<ResetPassword />} />
-        <Route path="/exams" element={<RequireAuth><Exams /></RequireAuth>} />
-        <Route path="/exams/:id/edit" element={<RequireAuth><ExamEdit /></RequireAuth>} />
-        <Route path="/exams/:id/grade" element={<RequireAuth><GradeRoute /></RequireAuth>} />
-        <Route path="/exams/:id/results" element={<RequireAuth><ExamResults /></RequireAuth>} />
-        <Route path="/admin" element={<RequireAuth><AdminDashboard /></RequireAuth>} />
+        <Route path="/exams" element={<Exams />} />
+        <Route path="/exams/:id/edit" element={<ExamEdit />} />
+        <Route path="/exams/:id/grade" element={<GradeRoute />} />
+        <Route path="/exams/:id/results" element={<ExamResults />} />
+        <Route path="/admin" element={<AdminDashboard />} />
         <Route path="/admin/feedback" element={<Navigate to="/admin" replace />} />
         {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
         <Route path="*" element={<NotFound />} />

apps/examlense/frontend/src/components/ModelLogo.tsx → apps/examlense/frontend/src/components/shared/ModelLogo.tsx

@@ -1,5 +1,5 @@
-import { cn } from "@/lib/utils";
-import { solverModelMeta } from "@/lib/solver-model-meta";
+import { cn } from "@/lib/utils/utils";
+import { solverModelMeta } from "@/lib/exam/solver-model-meta";
 
 interface Props {
   modelId: string;

apps/examlense/frontend/src/components/ThemeToggle.tsx → apps/examlense/frontend/src/components/shared/ThemeToggle.tsx

@@ -1,5 +1,5 @@
 import { Moon, Sun } from "lucide-react";
-import { useTheme } from "@/hooks/use-theme";
+import { useTheme } from "@/hooks/ui/use-theme";
 
 export const ThemeToggle = () => {
   const { theme, toggle } = useTheme();

apps/examlense/frontend/src/components/exam-edit/chrome/ChromeHeader.tsx → apps/examlense/frontend/src/components/shared/chrome/ChromeHeader.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import { Link } from "react-router-dom";
 import { ArrowLeft } from "lucide-react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils/utils";
 
 interface Props {
   /** Title slot — typically an InlineTitle or StaticTitle. */

apps/examlense/frontend/src/components/exam-edit/chrome/ChromeUtilityCluster.tsx → apps/examlense/frontend/src/components/shared/chrome/ChromeUtilityCluster.tsx

@@ -1,4 +1,4 @@
-import { ThemeToggle } from "@/components/ThemeToggle";
+import { ThemeToggle } from "@/components/shared/ThemeToggle";
 import { HelpDialog } from "./HelpDialog";
 
 interface Props {

apps/examlense/frontend/src/components/exam-edit/chrome/HelpDialog.tsx → apps/examlense/frontend/src/components/shared/chrome/HelpDialog.tsx

@@ -12,7 +12,7 @@ import {
   StepGuide,
   EDIT_STEPS,
   GRADING_STEPS,
-} from "../IntroStepGuide";
+} from "./IntroStepGuide";
 
 interface Props {
   variant: "edit" | "grading";

apps/examlense/frontend/src/components/exam-edit/IntroStepGuide.tsx → apps/examlense/frontend/src/components/shared/chrome/IntroStepGuide.tsx

@@ -14,7 +14,7 @@ import {
   SlidersHorizontal,
   Sparkles,
 } from "lucide-react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils/utils";
 
 export interface GuideStep {
   title: string;

apps/examlense/frontend/src/components/exam-edit/BlockCard.tsx → apps/examlense/frontend/src/components/shared/exam-content/BlockCard.tsx

@@ -1,5 +1,5 @@
 import type { CSSProperties, ReactNode } from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils/utils";
 
 export type BlockCardVariant = "primary" | "muted";
 

apps/examlense/frontend/src/components/exam-edit/BlockHeader.tsx → apps/examlense/frontend/src/components/shared/exam-content/BlockHeader.tsx

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, ReactNode } from "react";
 import { ChevronDown, ChevronRight, GripVertical, AlertCircle } from "lucide-react";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils/utils";
 
 interface Props {
   expanded: boolean;

apps/examlense/frontend/src/components/exam-edit/MarkdownView.tsx → apps/examlense/frontend/src/components/shared/exam-content/MarkdownView.tsx

@@ -3,7 +3,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import rehypeKatex from "rehype-katex";
 import "katex/dist/katex.min.css";
-import { cn } from "@/lib/utils";
+import { cn } from "@/lib/utils/utils";
 
 interface Props {
   content: string;

apps/examlense/frontend/src/components/exam-edit/SectionFigures.tsx → apps/examlense/frontend/src/components/shared/exam-content/SectionFigures.tsx

@@ -1,11 +1,11 @@
 import { useRef, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { ImagePlus, Trash2, Loader2 } from "lucide-react";
-import { uploadFigure, patchFigure, deleteFigure } from "@/lib/api-client";
-import { useFigureUrl } from "@/hooks/use-figure-url";
-import { useSectionFigures, figuresKey } from "@/hooks/use-sections";
-import type { SectionFigure } from "@/lib/exam-helpers";
-import { useToast } from "@/hooks/use-toast";
+import { uploadFigure, patchFigure, deleteFigure } from "@/lib/api/api-client";
+import { useFigureUrl } from "@/hooks/data/use-figure-url";
+import { useSectionFigures, figuresKey } from "@/hooks/data/use-sections";
+import type { SectionFigure } from "@/lib/exam/exam-helpers";
+import { useToast } from "@/hooks/ui/use-toast";
 
 const MAX_BYTES = 5 * 1024 * 1024;
 const MIME = ["image/png", "image/jpeg", "image/webp", "image/gif"];