refactored component names

frontend/src/App.tsx

@@ -1,15 +1,15 @@
 import { useEffect, useState } from "react";
 import { api, BASE_URL } from "./api/client";
 import "./App.css";
-import { Dashboard } from "./pages/Dashboard";
+import { Activities } from "./pages/Activities";
+import { Analysis } from "./pages/Analysis";
 import { Plan } from "./pages/Plan";
 import { Profile } from "./pages/Profile";
-import { ReviewQueue } from "./pages/ReviewQueue";
 import type { SessionInfo } from "./types/api";
 
 const TABS = [
-  { key: "activities", label: "Activities", icon: "☰", Component: ReviewQueue },
-  { key: "dashboard", label: "Progression", icon: "↗", Component: Dashboard },
+  { key: "activities", label: "Activities", icon: "☰", Component: Activities },
+  { key: "analysis", label: "Analysis", icon: "🔍", Component: Analysis },
   { key: "plan", label: "Training plan", icon: "✎", Component: Plan },
 ] as const;
 
@@ -19,7 +19,7 @@ function App({ session }: { session: SessionInfo }) {
   const [tab, setTab] = useState<TabKey>("activities");
   // Profile isn't a tab: it's reached via the profile name in the top-right
   // corner instead, since (for now, single-profile) it's account settings,
-  // not a content view alongside Activities/Progression/Training plan.
+  // not a content view alongside Activities/Analysis/Training plan.
   const [showProfile, setShowProfile] = useState(false);
   const [profileName, setProfileName] = useState<string | null>(null);