Distinguish dev port from prod

frontend/src/App.tsx

@@ -1,14 +1,12 @@
-import { BrowserRouter, Routes, Route, useLocation } from 'react-router-dom'
-import { Navbar } from '@/components/layout/navbar'
-import { Projects } from '@/pages/projects'
-import { ProjectTasks } from '@/pages/project-tasks'
-import { TaskDetailsPage } from '@/pages/task-details'
-import { TaskAttemptComparePage } from '@/pages/task-attempt-compare'
-
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { Navbar } from "@/components/layout/navbar";
+import { Projects } from "@/pages/projects";
+import { ProjectTasks } from "@/pages/project-tasks";
+import { TaskDetailsPage } from "@/pages/task-details";
+import { TaskAttemptComparePage } from "@/pages/task-attempt-compare";
 
 function AppContent() {
-  const location = useLocation()
-  const showNavbar = true
+  const showNavbar = true;
 
   return (
     <div className="min-h-screen bg-background">
@@ -19,13 +17,18 @@ function AppContent() {
           <Route path="/projects" element={<Projects />} />
           <Route path="/projects/:projectId" element={<Projects />} />
           <Route path="/projects/:projectId/tasks" element={<ProjectTasks />} />
-          <Route path="/projects/:projectId/tasks/:taskId" element={<TaskDetailsPage />} />
-          <Route path="/projects/:projectId/tasks/:taskId/attempts/:attemptId/compare" element={<TaskAttemptComparePage />} />
-
+          <Route
+            path="/projects/:projectId/tasks/:taskId"
+            element={<TaskDetailsPage />}
+          />
+          <Route
+            path="/projects/:projectId/tasks/:taskId/attempts/:attemptId/compare"
+            element={<TaskAttemptComparePage />}
+          />
         </Routes>
       </div>
     </div>
-  )
+  );
 }
 
 function App() {
@@ -33,7 +36,7 @@ function App() {
     <BrowserRouter>
       <AppContent />
     </BrowserRouter>
-  )
+  );
 }
 
-export default App
+export default App;