refactor: calculation of document titles into another class

frontend/src/App.tsx

@@ -1,21 +1,17 @@
 import { useEffect } from "react";
 import { Navigate, Route, Routes, useLocation } from "react-router-dom";
 import AppLayout from "./components/AppLayout";
+import DatasetStatusPage from "./pages/DatasetStatus";
 import LoginPage from "./pages/Login";
 import UploadPage from "./pages/Upload";
 import StatPage from "./pages/Stats";
+import { getDocumentTitle } from "./utils/documentTitle";
 
 function App() {
   const location = useLocation();
 
   useEffect(() => {
-    const routeTitles: Record<string, string> = {
-      "/login": "Sign In",
-      "/upload": "Upload Dataset",
-      "/stats": "Stats",
-    };
-
-    document.title = routeTitles[location.pathname];
+    document.title = getDocumentTitle(location.pathname);
   }, [location.pathname]);
 
   return (
@@ -24,6 +20,7 @@ function App() {
         <Route path="/" element={<Navigate to="/login" replace />} />
         <Route path="/login" element={<LoginPage />} />
         <Route path="/upload" element={<UploadPage />} />
+        <Route path="/dataset/:datasetId/status" element={<DatasetStatusPage />} />
         <Route path="/stats" element={<StatPage />} />
       </Route>
     </Routes>