Phase 0.2: Remove frontend deprecated code

- Delete pages: sum, audit, admin/random-jobs
- Delete old homepage (counter) and create redirect page
- Update Header.tsx: remove Counter, Sum, Audit, Random Jobs nav items
- Update auth-context.tsx: remove VIEW_COUNTER, INCREMENT_COUNTER, USE_SUM permissions
- Update profile/page.test.tsx: fix nav link assertions

frontend/app/page.tsx

@@ -1,103 +1,39 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import { Permission } from "./auth-context";
-import { api } from "./api";
-import { layoutStyles, cardStyles, buttonStyles } from "./styles/shared";
-import { Header } from "./components/Header";
-import { useRequireAuth } from "./hooks/useRequireAuth";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { useAuth } from "./auth-context";
+import { layoutStyles } from "./styles/shared";
+import constants from "../../shared/constants.json";
+
+const { ADMIN, REGULAR } = constants.roles;
 
 export default function Home() {
-  const [count, setCount] = useState<number | null>(null);
-  const { user, isLoading, isAuthorized } = useRequireAuth({
-    requiredPermission: Permission.VIEW_COUNTER,
-  });
+  const { user, isLoading, hasRole } = useAuth();
+  const router = useRouter();
 
   useEffect(() => {
-    if (user && isAuthorized) {
-      api
-        .get<{ value: number }>("/api/counter")
-        .then((data) => setCount(data.value))
-        .catch(() => setCount(null));
+    if (isLoading) return;
+
+    if (!user) {
+      router.replace("/login");
+      return;
     }
-  }, [user, isAuthorized]);
 
-  const increment = async () => {
-    const data = await api.post<{ value: number }>("/api/counter/increment");
-    setCount(data.value);
-  };
-
-  if (isLoading) {
-    return (
-      <main style={layoutStyles.main}>
-        <div style={layoutStyles.loader}>Loading...</div>
-      </main>
-    );
-  }
-
-  if (!user || !isAuthorized) {
-    return null;
-  }
+    // Redirect based on role
+    if (hasRole(ADMIN)) {
+      router.replace("/admin/appointments");
+    } else if (hasRole(REGULAR)) {
+      router.replace("/booking");
+    } else {
+      // User with no roles - redirect to login
+      router.replace("/login");
+    }
+  }, [user, isLoading, hasRole, router]);
 
   return (
     <main style={layoutStyles.main}>
-      <Header currentPage="counter" />
-
-      <div style={layoutStyles.contentCentered}>
-        <div style={styles.counterCard}>
-          <span style={styles.counterLabel}>Current Count</span>
-          <h1 style={styles.counter}>{count === null ? "..." : count}</h1>
-          <button onClick={increment} style={styles.incrementBtn}>
-            <span style={styles.plusIcon}>+</span>
-            Increment
-          </button>
-        </div>
-      </div>
+      <div style={layoutStyles.loader}>Redirecting...</div>
     </main>
   );
 }
-
-// Page-specific styles only - truly unique to this page
-const styles: Record<string, React.CSSProperties> = {
-  counterCard: {
-    ...cardStyles.card,
-    borderRadius: "32px",
-    padding: "4rem 5rem",
-    textAlign: "center",
-  },
-  counterLabel: {
-    fontFamily: "'DM Sans', system-ui, sans-serif",
-    display: "block",
-    color: "rgba(255, 255, 255, 0.4)",
-    fontSize: "0.875rem",
-    textTransform: "uppercase",
-    letterSpacing: "0.1em",
-    marginBottom: "1rem",
-  },
-  counter: {
-    fontFamily: "'Instrument Serif', Georgia, serif",
-    fontSize: "8rem",
-    fontWeight: 400,
-    color: "#fff",
-    margin: 0,
-    lineHeight: 1,
-    background: "linear-gradient(135deg, #fff 0%, #a78bfa 100%)",
-    WebkitBackgroundClip: "text",
-    WebkitTextFillColor: "transparent",
-    backgroundClip: "text",
-  },
-  incrementBtn: {
-    ...buttonStyles.primaryButton,
-    marginTop: "2.5rem",
-    padding: "1rem 2.5rem",
-    fontSize: "1.125rem",
-    borderRadius: "16px",
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "0.5rem",
-  },
-  plusIcon: {
-    fontSize: "1.5rem",
-    fontWeight: 400,
-  },
-};