frontend/src/App.tsx

import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";

import UploadPage from "./pages/UploadPage";
import ProcessingPage from "./pages/ProcessingPage";
import ReviewSetupPage from "./pages/ReviewSetupPage";
import ReportViewerPage from "./pages/ReportViewerPage";
import ImagePlacementPage from "./pages/ImagePlacementPage";
import InputDataPage from "./pages/InputDataPage";
import EditReportPage from "./pages/EditReportPage";
import EditLayoutsPage from "./pages/EditLayoutsPage";
import LayoutTemplatesPage from "./pages/LayoutTemplatesPage";
import ExportPage from "./pages/ExportPage";
import RatingsInfoPage from "./pages/RatingsInfoPage";

export default function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<UploadPage />} />
        <Route path="/processing" element={<ProcessingPage />} />
        <Route path="/review-setup" element={<ReviewSetupPage />} />
        <Route path="/report-viewer" element={<ReportViewerPage />} />
        <Route path="/image-placement" element={<ImagePlacementPage />} />
        <Route path="/input-data" element={<InputDataPage />} />
        <Route path="/edit-report" element={<EditReportPage />} />
        <Route path="/edit-layouts" element={<EditLayoutsPage />} />
        <Route path="/edit-layouts/templates" element={<LayoutTemplatesPage />} />
        <Route path="/export" element={<ExportPage />} />
        <Route path="/info/ratings" element={<RatingsInfoPage />} />
        <Route path="*" element={<Navigate to="/" replace />} />
      </Routes>
    </BrowserRouter>
  );
}