From fbd958c48078cdee83aa123c93c8897135cc00e6 Mon Sep 17 00:00:00 2001
From: Aditi Upadhyay <upadhyayaditi664@gmail.com>
Date: Thu, 9 Jul 2026 01:29:30 +0530
Subject: [PATCH 1/5] style: polish sidebar navigation active states and fix
 overflow scrollbar glitch

---
 frontend/src/components/layout/Sidebar.tsx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx
index f2f96260..7f27764a 100644
--- a/frontend/src/components/layout/Sidebar.tsx
+++ b/frontend/src/components/layout/Sidebar.tsx
@@ -64,9 +64,7 @@ const groups: Group[] = [
   },
   {
     label: "Account",
-    items: [
-      { label: "Settings", to: "/settings", icon: <Settings size={16} /> },
-    ],
+    items: [{ label: "Settings", to: "/settings", icon: <Settings size={16} /> }],
   },
 ];
 
@@ -98,7 +96,7 @@ export function Sidebar({ open, onClose }: { open: boolean; onClose: () => void
           <span className="text-[18px] font-bold tracking-tight text-foreground">DevLink</span>
         </Link>
 
-        <nav className="flex-1 overflow-y-auto px-3 pb-4">
+        <nav className="flex-1 overflow-y-auto px-3 pb-4 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]">
           {groups.map((group) => (
             <SidebarGroup key={group.label} group={group} onNav={onClose} />
           ))}
@@ -147,10 +145,7 @@ function SidebarGroup({ group, onNav }: { group: Group; onNav: () => void }) {
         className="flex w-full items-center justify-between px-2 py-1 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground hover:text-foreground"
       >
         {group.label}
-        <ChevronRight
-          size={12}
-          className={cn("transition-transform", open && "rotate-90")}
-        />
+        <ChevronRight size={12} className={cn("transition-transform", open && "rotate-90")} />
       </button>
       <AnimatePresence initial={false}>
         {open && (
@@ -161,17 +156,18 @@ function SidebarGroup({ group, onNav }: { group: Group; onNav: () => void }) {
             className="overflow-hidden"
           >
             {group.items.map((item) => {
-              const active = pathname === item.to || pathname.startsWith(item.to.split("?")[0] + "/");
+              const active =
+                pathname === item.to || pathname.startsWith(item.to.split("?")[0] + "/");
               return (
                 <li key={item.label}>
                   <Link
                     to={item.to.split("?")[0]}
                     onClick={onNav}
                     className={cn(
-                      "mt-0.5 flex items-center gap-2.5 rounded-md px-2 py-1.5 text-[13px] font-medium transition-colors",
+                      "mt-0.5 flex items-center gap-2.5 rounded-md px-2 py-2 text-[13px] font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary",
                       active
-                        ? "bg-primary-soft text-primary"
-                        : "text-foreground/80 hover:bg-sidebar-accent hover:text-foreground",
+                        ? "bg-primary-soft font-semibold text-primary"
+                        : "text-foreground/80 hover:bg-sidebar-accent hover:text-foreground focus:bg-sidebar-accent",
                     )}
                   >
                     <span className={cn(active ? "text-primary" : "text-muted-foreground")}>

From 9f869e198ab4bbeb046232c4adc245380b028a1d Mon Sep 17 00:00:00 2001
From: Aditi Upadhyay <upadhyayaditi664@gmail.com>
Date: Fri, 10 Jul 2026 00:25:55 +0530
Subject: [PATCH 2/5] fix: resolve prettier crlf line ending errors across
 components

---
 frontend/src/app/applications/page.tsx        |  12 +-
 .../applications/ApplicationStatusBadge.tsx   |   4 +-
 .../applications/ApplicationsList.tsx         |   9 +-
 frontend/src/components/shared/primitives.tsx |   9 +-
 .../src/features/dashboard/GreetingHero.tsx   |   4 +-
 frontend/src/features/dashboard/sections.tsx  |  75 +++-
 frontend/src/lib/api.ts                       |  20 +-
 frontend/src/lib/logo.ts                      |   2 +-
 frontend/src/mocks/seed.ts                    | 377 ++++++++++++++++--
 frontend/src/routes/_app.analytics.tsx        |  41 +-
 frontend/src/routes/_app.bookmarks.tsx        |  20 +-
 .../src/routes/_app.builders.$builderId.tsx   |  40 +-
 frontend/src/routes/_app.builders.tsx         |  39 +-
 frontend/src/routes/_app.dashboard.tsx        |   5 +-
 frontend/src/routes/_app.flares.tsx           |  43 +-
 frontend/src/routes/_app.hackathons.tsx       |  12 +-
 .../routes/_app.messages.$conversationId.tsx  |  36 +-
 frontend/src/routes/_app.messages.tsx         |  13 +-
 frontend/src/routes/_app.notifications.tsx    |  17 +-
 .../src/routes/_app.profile.$username.tsx     |  42 +-
 .../src/routes/_app.projects.$projectId.tsx   |  34 +-
 frontend/src/routes/_app.projects.tsx         | 128 ++++--
 frontend/src/routes/_app.search.tsx           |  40 +-
 frontend/src/routes/_app.settings.tsx         |  77 +++-
 frontend/src/routes/auth.tsx                  |  55 ++-
 frontend/src/services/index.ts                |  11 +-
 26 files changed, 944 insertions(+), 221 deletions(-)

diff --git a/frontend/src/app/applications/page.tsx b/frontend/src/app/applications/page.tsx
index b77b7c09..1f3231ab 100644
--- a/frontend/src/app/applications/page.tsx
+++ b/frontend/src/app/applications/page.tsx
@@ -95,7 +95,9 @@ export default function MyApplicationsPage() {
         </div>
       ) : error ? (
         <Card className="p-4">
-          <p className="text-[13px] font-semibold text-destructive">Failed to load your applications</p>
+          <p className="text-[13px] font-semibold text-destructive">
+            Failed to load your applications
+          </p>
           <p className="mt-1 text-[12px] text-muted-foreground">
             {error instanceof Error ? error.message : "Unknown error"}
           </p>
@@ -180,12 +182,7 @@ function ApplicationCard({
         </div>
 
         <div className="flex flex-col items-end gap-2">
-          <Button
-            size="sm"
-            variant="outline"
-            disabled={!canWithdraw || busy}
-            onClick={onWithdraw}
-          >
+          <Button size="sm" variant="outline" disabled={!canWithdraw || busy} onClick={onWithdraw}>
             {busy ? "Withdrawing…" : "Withdraw"}
           </Button>
         </div>
@@ -193,4 +190,3 @@ function ApplicationCard({
     </Card>
   );
 }
-
diff --git a/frontend/src/components/applications/ApplicationStatusBadge.tsx b/frontend/src/components/applications/ApplicationStatusBadge.tsx
index d9870816..cb60402f 100644
--- a/frontend/src/components/applications/ApplicationStatusBadge.tsx
+++ b/frontend/src/components/applications/ApplicationStatusBadge.tsx
@@ -8,9 +8,9 @@ export function ApplicationStatusBadge({ status }: { status: ApplicationStatus }
     status === "reviewing" && "bg-warning/10 text-warning border border-warning/30",
     status === "accepted" && "bg-success/10 text-success border border-success/30",
     status === "rejected" && "bg-destructive/10 text-destructive border border-destructive/30",
-    status === "withdrawn" && "bg-destructive/10 text-destructive border border-destructive/30 opacity-70",
+    status === "withdrawn" &&
+      "bg-destructive/10 text-destructive border border-destructive/30 opacity-70",
   );
 
   return <span className={className}>{status}</span>;
 }
-
diff --git a/frontend/src/components/applications/ApplicationsList.tsx b/frontend/src/components/applications/ApplicationsList.tsx
index 93d66088..f0dbb010 100644
--- a/frontend/src/components/applications/ApplicationsList.tsx
+++ b/frontend/src/components/applications/ApplicationsList.tsx
@@ -33,9 +33,7 @@ export function ApplicationsList({ projectId, className }: Props) {
     queryFn: () => getProjectApplications(projectId),
   });
 
-  const [optimistic, setOptimistic] = useState<Record<UUID, ApplicationResponse["status"]>>(
-    {},
-  );
+  const [optimistic, setOptimistic] = useState<Record<UUID, ApplicationResponse["status"]>>({});
 
   const apps = useMemo(() => {
     if (!data) return [];
@@ -120,7 +118,9 @@ export function ApplicationsList({ projectId, className }: Props) {
       <div className="flex items-center justify-between gap-3">
         <div>
           <p className="text-[13px] font-semibold text-foreground">Applications</p>
-          <p className="mt-1 text-[12px] text-muted-foreground">Review applicants and update status.</p>
+          <p className="mt-1 text-[12px] text-muted-foreground">
+            Review applicants and update status.
+          </p>
         </div>
         <div className="min-w-0">
           <Input
@@ -267,4 +267,3 @@ export function ApplicationsList({ projectId, className }: Props) {
     </Card>
   );
 }
-
diff --git a/frontend/src/components/shared/primitives.tsx b/frontend/src/components/shared/primitives.tsx
index 85a28fa2..d7352345 100644
--- a/frontend/src/components/shared/primitives.tsx
+++ b/frontend/src/components/shared/primitives.tsx
@@ -18,16 +18,11 @@ export function SectionHeader({
       <h3 className="text-[14px] font-semibold text-foreground">{title}</h3>
       {action &&
         (actionTo ? (
-          <Link
-            to={actionTo}
-            className="text-[12px] font-medium text-primary hover:underline"
-          >
+          <Link to={actionTo} className="text-[12px] font-medium text-primary hover:underline">
             {action}
           </Link>
         ) : (
-          <button className="text-[12px] font-medium text-primary hover:underline">
-            {action}
-          </button>
+          <button className="text-[12px] font-medium text-primary hover:underline">{action}</button>
         ))}
     </div>
   );
diff --git a/frontend/src/features/dashboard/GreetingHero.tsx b/frontend/src/features/dashboard/GreetingHero.tsx
index 63eb5730..6ccd6494 100644
--- a/frontend/src/features/dashboard/GreetingHero.tsx
+++ b/frontend/src/features/dashboard/GreetingHero.tsx
@@ -73,7 +73,9 @@ function MiniStat({
         <p className="truncate text-[11px] font-medium text-muted-foreground">{label}</p>
         <p className="text-[15px] font-bold text-foreground">
           <span className={valueTint}>{value}</span>
-          {suffix && <span className="text-[12px] font-medium text-muted-foreground">{suffix}</span>}
+          {suffix && (
+            <span className="text-[12px] font-medium text-muted-foreground">{suffix}</span>
+          )}
         </p>
         {progress !== undefined && (
           <div className="mt-1 h-1 w-full overflow-hidden rounded-full bg-muted">
diff --git a/frontend/src/features/dashboard/sections.tsx b/frontend/src/features/dashboard/sections.tsx
index 3d82a180..b6a20699 100644
--- a/frontend/src/features/dashboard/sections.tsx
+++ b/frontend/src/features/dashboard/sections.tsx
@@ -124,7 +124,12 @@ export function InviteRequests() {
       <ul className="divide-y divide-border">
         {data.map((r) => (
           <li key={r.id} className="flex items-center gap-3 px-4 py-3">
-            <span className={cn("grid h-10 w-10 shrink-0 place-items-center rounded-md text-lg", r.color)}>
+            <span
+              className={cn(
+                "grid h-10 w-10 shrink-0 place-items-center rounded-md text-lg",
+                r.color,
+              )}
+            >
               {r.icon}
             </span>
             <div className="min-w-0 flex-1">
@@ -170,9 +175,7 @@ export function SuggestedBuilders() {
                 <TagChip key={s}>{s}</TagChip>
               ))}
             </div>
-            <p className="mt-1.5 text-[11px] text-muted-foreground">
-              {b.yearsExp} yrs exp
-            </p>
+            <p className="mt-1.5 text-[11px] text-muted-foreground">{b.yearsExp} yrs exp</p>
             <p className="text-[11px] font-semibold text-success">{b.matchScore}% Match</p>
             <div className="mt-2 flex gap-1.5">
               <button className="flex-1 rounded-md bg-primary px-2 py-1 text-[11px] font-semibold text-primary-foreground hover:opacity-90">
@@ -233,7 +236,11 @@ export function AIRecommendations() {
             Top Match
           </p>
           <div className="mt-2 flex items-center gap-3">
-            <Avatar src="https://api.dicebear.com/9.x/notionists-neutral/svg?seed=Rahul" alt="Rahul" size={40} />
+            <Avatar
+              src="https://api.dicebear.com/9.x/notionists-neutral/svg?seed=Rahul"
+              alt="Rahul"
+              size={40}
+            />
             <div className="min-w-0 flex-1">
               <p className="truncate text-[13px] font-semibold text-foreground">Rahul Verma</p>
               <p className="text-[11px] text-muted-foreground">Full Stack Developer</p>
@@ -298,12 +305,42 @@ export function MessagesPreview() {
 
 export function QuickActions() {
   const actions = [
-    { icon: FolderPlus, label: "New Project", tint: "bg-info/10 text-info", to: "/projects" as const },
-    { icon: Flame, label: "Create Flare", tint: "bg-warning/10 text-warning", to: "/flares" as const },
-    { icon: Users2, label: "Find Builder", tint: "bg-success/10 text-success", to: "/builders" as const },
-    { icon: Trophy, label: "Start Hackathon", tint: "bg-primary-soft text-primary", to: "/hackathons" as const },
-    { icon: FileText, label: "AI Description", tint: "bg-destructive/10 text-destructive", to: "/dashboard" as const },
-    { icon: BarChart3, label: "View Analytics", tint: "bg-info/10 text-info", to: "/analytics" as const },
+    {
+      icon: FolderPlus,
+      label: "New Project",
+      tint: "bg-info/10 text-info",
+      to: "/projects" as const,
+    },
+    {
+      icon: Flame,
+      label: "Create Flare",
+      tint: "bg-warning/10 text-warning",
+      to: "/flares" as const,
+    },
+    {
+      icon: Users2,
+      label: "Find Builder",
+      tint: "bg-success/10 text-success",
+      to: "/builders" as const,
+    },
+    {
+      icon: Trophy,
+      label: "Start Hackathon",
+      tint: "bg-primary-soft text-primary",
+      to: "/hackathons" as const,
+    },
+    {
+      icon: FileText,
+      label: "AI Description",
+      tint: "bg-destructive/10 text-destructive",
+      to: "/dashboard" as const,
+    },
+    {
+      icon: BarChart3,
+      label: "View Analytics",
+      tint: "bg-info/10 text-info",
+      to: "/analytics" as const,
+    },
   ];
   return (
     <Card>
@@ -343,7 +380,9 @@ export function UpcomingDeadlines() {
             <p className="min-w-0 flex-1 truncate text-[13px] text-foreground">
               {d.project} — <span className="text-muted-foreground">{d.milestone}</span>
             </p>
-            <span className={cn("whitespace-nowrap text-[11px] font-semibold", sevTint[d.severity])}>
+            <span
+              className={cn("whitespace-nowrap text-[11px] font-semibold", sevTint[d.severity])}
+            >
               Due in {d.dueDays} days
             </span>
           </li>
@@ -354,14 +393,22 @@ export function UpcomingDeadlines() {
 }
 
 export function NotificationsFeed() {
-  const { data = [] } = useQuery({ queryKey: ["notifications"], queryFn: notificationsService.list });
+  const { data = [] } = useQuery({
+    queryKey: ["notifications"],
+    queryFn: notificationsService.list,
+  });
   return (
     <Card>
       <SectionHeader title="Notifications Feed" action="View All" actionTo="/notifications" />
       <ul className="divide-y divide-border">
         {data.map((n) => (
           <li key={n.id} className="flex items-center gap-3 px-4 py-2.5">
-            <span className={cn("h-2 w-2 shrink-0 rounded-full", n.unread ? "bg-primary" : "bg-transparent")} />
+            <span
+              className={cn(
+                "h-2 w-2 shrink-0 rounded-full",
+                n.unread ? "bg-primary" : "bg-transparent",
+              )}
+            />
             <p className="min-w-0 flex-1 truncate text-[13px] text-foreground">{n.text}</p>
             <span className="text-[11px] text-muted-foreground">{n.ago}</span>
           </li>
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
index 4dd18b3d..f469a0f0 100644
--- a/frontend/src/lib/api.ts
+++ b/frontend/src/lib/api.ts
@@ -3,12 +3,7 @@ import { toast } from "sonner";
 type JsonPrimitive = string | number | boolean | null;
 type JsonValue = JsonPrimitive | JsonValue[] | { [key: string]: JsonValue };
 
-export type ApplicationStatus =
-  | "pending"
-  | "reviewing"
-  | "accepted"
-  | "rejected"
-  | "withdrawn";
+export type ApplicationStatus = "pending" | "reviewing" | "accepted" | "rejected" | "withdrawn";
 
 export type UUID = string;
 
@@ -63,13 +58,11 @@ function assertJson<T>(data: unknown): T {
   return data as T;
 }
 
-async function requestJson<TResponse, TBody extends JsonValue | undefined = undefined>(
-  input: {
-    url: string;
-    method: "GET" | "POST" | "PATCH" | "PUT" | "DELETE";
-    body?: TBody;
-  },
-): Promise<TResponse> {
+async function requestJson<TResponse, TBody extends JsonValue | undefined = undefined>(input: {
+  url: string;
+  method: "GET" | "POST" | "PATCH" | "PUT" | "DELETE";
+  body?: TBody;
+}): Promise<TResponse> {
   const { baseUrl } = getApiConfig();
 
   const res = await fetch(`${baseUrl}${input.url}`, {
@@ -167,4 +160,3 @@ export function toastError(err: unknown, fallback = "Something went wrong") {
   const message = err instanceof Error ? err.message : fallback;
   toast.error(message);
 }
-
diff --git a/frontend/src/lib/logo.ts b/frontend/src/lib/logo.ts
index b6de47d3..201bdac5 100644
--- a/frontend/src/lib/logo.ts
+++ b/frontend/src/lib/logo.ts
@@ -1,3 +1,3 @@
 import logo from "@/assets/lodo-dev.jpeg";
 
-export const APP_LOGO = logo;
\ No newline at end of file
+export const APP_LOGO = logo;
diff --git a/frontend/src/mocks/seed.ts b/frontend/src/mocks/seed.ts
index 1e130527..b41f52b4 100644
--- a/frontend/src/mocks/seed.ts
+++ b/frontend/src/mocks/seed.ts
@@ -3,7 +3,9 @@
 
 export type ID = string;
 
-export interface Skill { name: string; }
+export interface Skill {
+  name: string;
+}
 export interface Builder {
   id: ID;
   name: string;
@@ -110,27 +112,253 @@ const AV = (seed: string) =>
   `https://api.dicebear.com/9.x/notionists-neutral/svg?seed=${encodeURIComponent(seed)}&backgroundColor=b6e3f4,c0aede,d1d4f9,ffd5dc,ffdfbf`;
 
 export const builders: Builder[] = [
-  { id: "b1", name: "Priya Sharma", handle: "priya_dev", role: "Frontend Developer", avatar: AV("Priya"), country: "India", yearsExp: 3, matchScore: 92, skills: ["React", "Next.js", "TypeScript"], online: true, bio: "Loves accessible UIs and design systems." },
-  { id: "b2", name: "Rahul Verma", handle: "rahul_v", role: "Full Stack Developer", avatar: AV("Rahul"), country: "India", yearsExp: 4, matchScore: 89, skills: ["Node.js", "MongoDB", "Express"], online: true, bio: "Builds end-to-end features fast." },
-  { id: "b3", name: "Ankit Singh", handle: "ankit_be", role: "Backend Developer", avatar: AV("Ankit"), country: "India", yearsExp: 2, matchScore: 87, skills: ["Python", "FastAPI", "PostgreSQL"], online: false, bio: "APIs, queues and Postgres tuning." },
-  { id: "b4", name: "Sneha Iyer", handle: "sneha_ux", role: "UI/UX Designer", avatar: AV("Sneha"), country: "India", yearsExp: 3, matchScore: 94, skills: ["Figma", "Adobe XD"], online: true, bio: "Product design for early-stage teams." },
-  { id: "b5", name: "Vikram Mehta", handle: "vikram_fs", role: "Full Stack Dev", avatar: AV("Vikram"), country: "India", yearsExp: 4, matchScore: 93, skills: ["MERN", "Next.js"], online: false, bio: "Ships side-projects on weekends." },
-  { id: "b6", name: "Aditya Rao", handle: "aditya_m", role: "Mobile Developer", avatar: AV("Aditya"), country: "India", yearsExp: 3, matchScore: 91, skills: ["Flutter", "Firebase"], online: true, bio: "Cross-platform mobile since 2021." },
-  { id: "b7", name: "Sarah Chen", handle: "sarah_c", role: "ML Engineer", avatar: AV("Sarah"), country: "US", yearsExp: 5, matchScore: 88, skills: ["Python", "PyTorch", "AWS"], online: true, bio: "Recsys, embeddings, evals." },
-  { id: "b8", name: "Alex Johnson", handle: "alex_j", role: "DevOps", avatar: AV("Alex"), country: "UK", yearsExp: 6, matchScore: 86, skills: ["Kubernetes", "Terraform"], online: false, bio: "Infra as code, cost optimization." },
+  {
+    id: "b1",
+    name: "Priya Sharma",
+    handle: "priya_dev",
+    role: "Frontend Developer",
+    avatar: AV("Priya"),
+    country: "India",
+    yearsExp: 3,
+    matchScore: 92,
+    skills: ["React", "Next.js", "TypeScript"],
+    online: true,
+    bio: "Loves accessible UIs and design systems.",
+  },
+  {
+    id: "b2",
+    name: "Rahul Verma",
+    handle: "rahul_v",
+    role: "Full Stack Developer",
+    avatar: AV("Rahul"),
+    country: "India",
+    yearsExp: 4,
+    matchScore: 89,
+    skills: ["Node.js", "MongoDB", "Express"],
+    online: true,
+    bio: "Builds end-to-end features fast.",
+  },
+  {
+    id: "b3",
+    name: "Ankit Singh",
+    handle: "ankit_be",
+    role: "Backend Developer",
+    avatar: AV("Ankit"),
+    country: "India",
+    yearsExp: 2,
+    matchScore: 87,
+    skills: ["Python", "FastAPI", "PostgreSQL"],
+    online: false,
+    bio: "APIs, queues and Postgres tuning.",
+  },
+  {
+    id: "b4",
+    name: "Sneha Iyer",
+    handle: "sneha_ux",
+    role: "UI/UX Designer",
+    avatar: AV("Sneha"),
+    country: "India",
+    yearsExp: 3,
+    matchScore: 94,
+    skills: ["Figma", "Adobe XD"],
+    online: true,
+    bio: "Product design for early-stage teams.",
+  },
+  {
+    id: "b5",
+    name: "Vikram Mehta",
+    handle: "vikram_fs",
+    role: "Full Stack Dev",
+    avatar: AV("Vikram"),
+    country: "India",
+    yearsExp: 4,
+    matchScore: 93,
+    skills: ["MERN", "Next.js"],
+    online: false,
+    bio: "Ships side-projects on weekends.",
+  },
+  {
+    id: "b6",
+    name: "Aditya Rao",
+    handle: "aditya_m",
+    role: "Mobile Developer",
+    avatar: AV("Aditya"),
+    country: "India",
+    yearsExp: 3,
+    matchScore: 91,
+    skills: ["Flutter", "Firebase"],
+    online: true,
+    bio: "Cross-platform mobile since 2021.",
+  },
+  {
+    id: "b7",
+    name: "Sarah Chen",
+    handle: "sarah_c",
+    role: "ML Engineer",
+    avatar: AV("Sarah"),
+    country: "US",
+    yearsExp: 5,
+    matchScore: 88,
+    skills: ["Python", "PyTorch", "AWS"],
+    online: true,
+    bio: "Recsys, embeddings, evals.",
+  },
+  {
+    id: "b8",
+    name: "Alex Johnson",
+    handle: "alex_j",
+    role: "DevOps",
+    avatar: AV("Alex"),
+    country: "UK",
+    yearsExp: 6,
+    matchScore: 86,
+    skills: ["Kubernetes", "Terraform"],
+    online: false,
+    bio: "Infra as code, cost optimization.",
+  },
 ];
 
 export const projects: Project[] = [
-  { id: "p1", name: "AI Chatbot", description: "Multi-agent customer support bot for SaaS.", stack: ["React", "Node.js", "MongoDB"], owner: "Nancy Patel", members: 4, stars: 24, forks: 12, progress: 75, status: "active", icon: "🤖", language: "JavaScript", difficulty: "intermediate", remote: true, paid: true, openSource: false, ai: true, web: true, frontend: true, backend: true },
-  { id: "p2", name: "AI SaaS Platform", description: "Full-stack platform with billing and dashboards.", stack: ["Next.js", "Python", "PostgreSQL"], owner: "Nancy Patel", members: 6, stars: 18, forks: 8, progress: 40, status: "active", icon: "✨", language: "Python", difficulty: "advanced", remote: true, paid: true, openSource: false, ai: true, web: true, frontend: true, backend: true },
-  { id: "p3", name: "DevOps Dashboard", description: "K8s deploy monitoring with drift detection.", stack: ["Docker", "Kubernetes", "AWS"], owner: "Nancy Patel", members: 3, stars: 16, forks: 6, progress: 60, status: "active", icon: "🚀", language: "Go", difficulty: "advanced", remote: true, paid: false, openSource: false, ai: false, web: true, backend: true },
-  { id: "p4", name: "Blockchain Wallet", description: "Non-custodial multi-chain wallet.", stack: ["Solidity", "Web3", "React"], owner: "Nancy Patel", members: 5, stars: 14, forks: 7, progress: 25, status: "planning", icon: "🪙", language: "TypeScript", difficulty: "advanced", remote: true, paid: false, openSource: true, ai: false, web: true, mobile: true, frontend: true },
-  { id: "p5", name: "React Component Library", description: "Accessible component library with docs.", stack: ["TypeScript", "Tailwind", "Storybook"], owner: "Nancy Patel", members: 2, stars: 12, forks: 5, progress: 90, status: "active", icon: "🧩", language: "TypeScript", difficulty: "beginner", remote: true, paid: false, openSource: true, ai: false, web: true, frontend: true },
-  { id: "p6", name: "Open Source CRM", description: "Lightweight CRM with pipelines and reports.", stack: ["React", "Node.js", "MongoDB"], owner: "Community", members: 8, stars: 240, forks: 96, progress: 100, status: "shipped", icon: "📇", language: "JavaScript", difficulty: "intermediate", remote: false, paid: false, openSource: true, ai: false, web: true, frontend: true, backend: true },
+  {
+    id: "p1",
+    name: "AI Chatbot",
+    description: "Multi-agent customer support bot for SaaS.",
+    stack: ["React", "Node.js", "MongoDB"],
+    owner: "Nancy Patel",
+    members: 4,
+    stars: 24,
+    forks: 12,
+    progress: 75,
+    status: "active",
+    icon: "🤖",
+    language: "JavaScript",
+    difficulty: "intermediate",
+    remote: true,
+    paid: true,
+    openSource: false,
+    ai: true,
+    web: true,
+    frontend: true,
+    backend: true,
+  },
+  {
+    id: "p2",
+    name: "AI SaaS Platform",
+    description: "Full-stack platform with billing and dashboards.",
+    stack: ["Next.js", "Python", "PostgreSQL"],
+    owner: "Nancy Patel",
+    members: 6,
+    stars: 18,
+    forks: 8,
+    progress: 40,
+    status: "active",
+    icon: "✨",
+    language: "Python",
+    difficulty: "advanced",
+    remote: true,
+    paid: true,
+    openSource: false,
+    ai: true,
+    web: true,
+    frontend: true,
+    backend: true,
+  },
+  {
+    id: "p3",
+    name: "DevOps Dashboard",
+    description: "K8s deploy monitoring with drift detection.",
+    stack: ["Docker", "Kubernetes", "AWS"],
+    owner: "Nancy Patel",
+    members: 3,
+    stars: 16,
+    forks: 6,
+    progress: 60,
+    status: "active",
+    icon: "🚀",
+    language: "Go",
+    difficulty: "advanced",
+    remote: true,
+    paid: false,
+    openSource: false,
+    ai: false,
+    web: true,
+    backend: true,
+  },
+  {
+    id: "p4",
+    name: "Blockchain Wallet",
+    description: "Non-custodial multi-chain wallet.",
+    stack: ["Solidity", "Web3", "React"],
+    owner: "Nancy Patel",
+    members: 5,
+    stars: 14,
+    forks: 7,
+    progress: 25,
+    status: "planning",
+    icon: "🪙",
+    language: "TypeScript",
+    difficulty: "advanced",
+    remote: true,
+    paid: false,
+    openSource: true,
+    ai: false,
+    web: true,
+    mobile: true,
+    frontend: true,
+  },
+  {
+    id: "p5",
+    name: "React Component Library",
+    description: "Accessible component library with docs.",
+    stack: ["TypeScript", "Tailwind", "Storybook"],
+    owner: "Nancy Patel",
+    members: 2,
+    stars: 12,
+    forks: 5,
+    progress: 90,
+    status: "active",
+    icon: "🧩",
+    language: "TypeScript",
+    difficulty: "beginner",
+    remote: true,
+    paid: false,
+    openSource: true,
+    ai: false,
+    web: true,
+    frontend: true,
+  },
+  {
+    id: "p6",
+    name: "Open Source CRM",
+    description: "Lightweight CRM with pipelines and reports.",
+    stack: ["React", "Node.js", "MongoDB"],
+    owner: "Community",
+    members: 8,
+    stars: 240,
+    forks: 96,
+    progress: 100,
+    status: "shipped",
+    icon: "📇",
+    language: "JavaScript",
+    difficulty: "intermediate",
+    remote: false,
+    paid: false,
+    openSource: true,
+    ai: false,
+    web: true,
+    frontend: true,
+    backend: true,
+  },
 ];
 
 export const activity: Activity[] = [
-  { id: "a1", kind: "join", text: "Alex joined your project", highlight: "AI Chatbot", ago: "2m ago" },
+  {
+    id: "a1",
+    kind: "join",
+    text: "Alex joined your project",
+    highlight: "AI Chatbot",
+    ago: "2m ago",
+  },
   { id: "a2", kind: "accept", text: "Sarah accepted your invitation", ago: "15m ago" },
   { id: "a3", kind: "commit", text: "Backend API development completed", ago: "1h ago" },
   { id: "a4", kind: "merge", text: "Frontend PR #24 merged", ago: "2h ago" },
@@ -147,15 +375,66 @@ export const builderRequests: BuilderRequest[] = [
 ];
 
 export const inviteRequests: InviteRequest[] = [
-  { id: "i1", project: "Open Source CRM", role: "Backend Developer", dueDays: 3, by: "Alex", icon: "📇", color: "bg-info/10 text-info" },
-  { id: "i2", project: "AI SaaS Platform", role: "ML Engineer", dueDays: 5, by: "Sarah", icon: "✨", color: "bg-primary/10 text-primary" },
-  { id: "i3", project: "DevOps Dashboard", role: "DevOps Engineer", dueDays: 7, by: "Mike", icon: "🚀", color: "bg-warning/10 text-warning" },
+  {
+    id: "i1",
+    project: "Open Source CRM",
+    role: "Backend Developer",
+    dueDays: 3,
+    by: "Alex",
+    icon: "📇",
+    color: "bg-info/10 text-info",
+  },
+  {
+    id: "i2",
+    project: "AI SaaS Platform",
+    role: "ML Engineer",
+    dueDays: 5,
+    by: "Sarah",
+    icon: "✨",
+    color: "bg-primary/10 text-primary",
+  },
+  {
+    id: "i3",
+    project: "DevOps Dashboard",
+    role: "DevOps Engineer",
+    dueDays: 7,
+    by: "Mike",
+    icon: "🚀",
+    color: "bg-warning/10 text-warning",
+  },
 ];
 
 export const flares: Flare[] = [
-  { id: "f1", author: builders[3], content: "Just shipped a component library refresh — new tokens, better a11y, half the CSS. AMA about migrating design systems.", tags: ["designsystems", "react"], likes: 128, comments: 22, ago: "1h ago" },
-  { id: "f2", author: builders[6], content: "Wrote a small evaluator for embedding models. Cosine wasn't cutting it for our recall — dot-product + normalized inputs won.", tags: ["ml", "search"], likes: 87, comments: 14, ago: "3h ago" },
-  { id: "f3", author: builders[1], content: "Anyone else notice Node 22 shaving ~10% off cold starts for our fastify APIs? Ran the same suite twice.", tags: ["node", "perf"], likes: 54, comments: 9, ago: "5h ago" },
+  {
+    id: "f1",
+    author: builders[3],
+    content:
+      "Just shipped a component library refresh — new tokens, better a11y, half the CSS. AMA about migrating design systems.",
+    tags: ["designsystems", "react"],
+    likes: 128,
+    comments: 22,
+    ago: "1h ago",
+  },
+  {
+    id: "f2",
+    author: builders[6],
+    content:
+      "Wrote a small evaluator for embedding models. Cosine wasn't cutting it for our recall — dot-product + normalized inputs won.",
+    tags: ["ml", "search"],
+    likes: 87,
+    comments: 14,
+    ago: "3h ago",
+  },
+  {
+    id: "f3",
+    author: builders[1],
+    content:
+      "Anyone else notice Node 22 shaving ~10% off cold starts for our fastify APIs? Ran the same suite twice.",
+    tags: ["node", "perf"],
+    likes: 54,
+    comments: 9,
+    ago: "5h ago",
+  },
 ];
 
 export const conversations: Conversation[] = [
@@ -178,19 +457,61 @@ export const notifications: Notification[] = [
   { id: "n2", kind: "comment", text: "Sarah commented on your post", ago: "15m ago", unread: true },
   { id: "n3", kind: "invite", text: "Your invitation was accepted", ago: "1h ago", unread: false },
   { id: "n4", kind: "match", text: "New builder matches found", ago: "3h ago", unread: false },
-  { id: "n5", kind: "hackathon", text: "Hackathon deadline reminder", ago: "1d ago", unread: false },
+  {
+    id: "n5",
+    kind: "hackathon",
+    text: "Hackathon deadline reminder",
+    ago: "1d ago",
+    unread: false,
+  },
 ];
 
 export const hackathons: Hackathon[] = [
-  { id: "h1", name: "AI for Good 2025", theme: "Social impact", startsIn: 12, prize: "$25k", teamSize: "2–5", registered: true },
-  { id: "h2", name: "DevLink Winter Jam", theme: "Any theme", startsIn: 30, prize: "$10k", teamSize: "1–4", registered: false },
-  { id: "h3", name: "Chain Builders", theme: "Web3", startsIn: 45, prize: "$50k", teamSize: "1–5", registered: false },
+  {
+    id: "h1",
+    name: "AI for Good 2025",
+    theme: "Social impact",
+    startsIn: 12,
+    prize: "$25k",
+    teamSize: "2–5",
+    registered: true,
+  },
+  {
+    id: "h2",
+    name: "DevLink Winter Jam",
+    theme: "Any theme",
+    startsIn: 30,
+    prize: "$10k",
+    teamSize: "1–4",
+    registered: false,
+  },
+  {
+    id: "h3",
+    name: "Chain Builders",
+    theme: "Web3",
+    startsIn: 45,
+    prize: "$50k",
+    teamSize: "1–5",
+    registered: false,
+  },
 ];
 
 export const deadlines: Deadline[] = [
   { id: "d1", project: "AI Chatbot", milestone: "Backend API", dueDays: 2, severity: "danger" },
-  { id: "d2", project: "DevOps Dashboard", milestone: "Deployment", dueDays: 5, severity: "warning" },
-  { id: "d3", project: "Hackathon 2025", milestone: "Registration", dueDays: 7, severity: "warning" },
+  {
+    id: "d2",
+    project: "DevOps Dashboard",
+    milestone: "Deployment",
+    dueDays: 5,
+    severity: "warning",
+  },
+  {
+    id: "d3",
+    project: "Hackathon 2025",
+    milestone: "Registration",
+    dueDays: 7,
+    severity: "warning",
+  },
   { id: "d4", project: "Project Milestone", milestone: "v1.0", dueDays: 10, severity: "info" },
 ];
 
diff --git a/frontend/src/routes/_app.analytics.tsx b/frontend/src/routes/_app.analytics.tsx
index c05eb6ae..07d62d1a 100644
--- a/frontend/src/routes/_app.analytics.tsx
+++ b/frontend/src/routes/_app.analytics.tsx
@@ -2,8 +2,15 @@ import { createFileRoute } from "@tanstack/react-router";
 import { Card } from "@/components/shared/primitives";
 import { stats } from "@/mocks/seed";
 import {
-  LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer,
-  BarChart, Bar, CartesianGrid,
+  LineChart,
+  Line,
+  XAxis,
+  YAxis,
+  Tooltip,
+  ResponsiveContainer,
+  BarChart,
+  Bar,
+  CartesianGrid,
 } from "recharts";
 
 export const Route = createFileRoute("/_app/analytics")({
@@ -35,7 +42,9 @@ function AnalyticsPage() {
       <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
         {stats.slice(0, 4).map((s) => (
           <Card key={s.key} className="p-4">
-            <p className="text-[11px] font-medium uppercase tracking-wider text-muted-foreground">{s.label}</p>
+            <p className="text-[11px] font-medium uppercase tracking-wider text-muted-foreground">
+              {s.label}
+            </p>
             <p className="mt-2 text-[24px] font-bold text-foreground">{s.value}</p>
           </Card>
         ))}
@@ -49,8 +58,21 @@ function AnalyticsPage() {
                 <CartesianGrid strokeDasharray="3 3" stroke="var(--color-border)" />
                 <XAxis dataKey="day" stroke="var(--color-muted-foreground)" fontSize={11} />
                 <YAxis stroke="var(--color-muted-foreground)" fontSize={11} />
-                <Tooltip contentStyle={{ background: "var(--color-surface)", border: "1px solid var(--color-border)", borderRadius: 6, fontSize: 12 }} />
-                <Line type="monotone" dataKey="commits" stroke="var(--color-primary)" strokeWidth={2} dot={false} />
+                <Tooltip
+                  contentStyle={{
+                    background: "var(--color-surface)",
+                    border: "1px solid var(--color-border)",
+                    borderRadius: 6,
+                    fontSize: 12,
+                  }}
+                />
+                <Line
+                  type="monotone"
+                  dataKey="commits"
+                  stroke="var(--color-primary)"
+                  strokeWidth={2}
+                  dot={false}
+                />
               </LineChart>
             </ResponsiveContainer>
           </div>
@@ -63,7 +85,14 @@ function AnalyticsPage() {
                 <CartesianGrid strokeDasharray="3 3" stroke="var(--color-border)" />
                 <XAxis dataKey="day" stroke="var(--color-muted-foreground)" fontSize={11} />
                 <YAxis stroke="var(--color-muted-foreground)" fontSize={11} />
-                <Tooltip contentStyle={{ background: "var(--color-surface)", border: "1px solid var(--color-border)", borderRadius: 6, fontSize: 12 }} />
+                <Tooltip
+                  contentStyle={{
+                    background: "var(--color-surface)",
+                    border: "1px solid var(--color-border)",
+                    borderRadius: 6,
+                    fontSize: 12,
+                  }}
+                />
                 <Bar dataKey="views" fill="var(--color-primary)" radius={[4, 4, 0, 0]} />
               </BarChart>
             </ResponsiveContainer>
diff --git a/frontend/src/routes/_app.bookmarks.tsx b/frontend/src/routes/_app.bookmarks.tsx
index d48b16fc..330866c8 100644
--- a/frontend/src/routes/_app.bookmarks.tsx
+++ b/frontend/src/routes/_app.bookmarks.tsx
@@ -21,21 +21,29 @@ function BookmarksPage() {
         <p className="text-[13px] text-muted-foreground">Everything you've saved.</p>
       </div>
       <section>
-        <p className="mb-2 text-[12px] font-semibold uppercase tracking-wider text-muted-foreground">Projects</p>
+        <p className="mb-2 text-[12px] font-semibold uppercase tracking-wider text-muted-foreground">
+          Projects
+        </p>
         <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
           {projects.slice(0, 3).map((p) => (
             <Link key={p.id} to="/projects/$projectId" params={{ projectId: p.id }}>
               <Card interactive className="p-4">
                 <div className="flex items-start gap-3">
-                  <span className="grid h-10 w-10 shrink-0 place-items-center rounded-md bg-muted text-xl">{p.icon}</span>
+                  <span className="grid h-10 w-10 shrink-0 place-items-center rounded-md bg-muted text-xl">
+                    {p.icon}
+                  </span>
                   <div className="min-w-0 flex-1">
                     <p className="truncate text-[14px] font-semibold text-foreground">{p.name}</p>
-                    <p className="mt-0.5 text-[12px] text-muted-foreground line-clamp-2">{p.description}</p>
+                    <p className="mt-0.5 text-[12px] text-muted-foreground line-clamp-2">
+                      {p.description}
+                    </p>
                   </div>
                   <Bookmark size={14} className="text-primary" />
                 </div>
                 <div className="mt-3 flex flex-wrap gap-1">
-                  {p.stack.map((s) => <TagChip key={s}>{s}</TagChip>)}
+                  {p.stack.map((s) => (
+                    <TagChip key={s}>{s}</TagChip>
+                  ))}
                 </div>
               </Card>
             </Link>
@@ -43,7 +51,9 @@ function BookmarksPage() {
         </div>
       </section>
       <section>
-        <p className="mb-2 text-[12px] font-semibold uppercase tracking-wider text-muted-foreground">Flares</p>
+        <p className="mb-2 text-[12px] font-semibold uppercase tracking-wider text-muted-foreground">
+          Flares
+        </p>
         <div className="space-y-2">
           {flares.slice(0, 2).map((f) => (
             <Card key={f.id} className="p-4">
diff --git a/frontend/src/routes/_app.builders.$builderId.tsx b/frontend/src/routes/_app.builders.$builderId.tsx
index 2fae6a5b..28b29e0c 100644
--- a/frontend/src/routes/_app.builders.$builderId.tsx
+++ b/frontend/src/routes/_app.builders.$builderId.tsx
@@ -6,19 +6,28 @@ import { ArrowLeft, MessageSquare, UserPlus } from "lucide-react";
 
 export const Route = createFileRoute("/_app/builders/$builderId")({
   head: ({ params }) => ({
-    meta: [{ title: `Builder — DevLink`, }, { name: "description", content: `Builder ${params.builderId} on DevLink.` }],
+    meta: [
+      { title: `Builder — DevLink` },
+      { name: "description", content: `Builder ${params.builderId} on DevLink.` },
+    ],
   }),
   component: BuilderProfile,
 });
 
 function BuilderProfile() {
   const { builderId } = Route.useParams();
-  const { data: b, isLoading } = useQuery({ queryKey: ["builder", builderId], queryFn: () => buildersService.get(builderId) });
+  const { data: b, isLoading } = useQuery({
+    queryKey: ["builder", builderId],
+    queryFn: () => buildersService.get(builderId),
+  });
   if (isLoading) return <Card className="h-96 animate-pulse" />;
   if (!b) throw notFound();
   return (
     <div className="space-y-4">
-      <Link to="/builders" className="inline-flex items-center gap-1 text-[13px] font-medium text-muted-foreground hover:text-foreground">
+      <Link
+        to="/builders"
+        className="inline-flex items-center gap-1 text-[13px] font-medium text-muted-foreground hover:text-foreground"
+      >
         <ArrowLeft size={14} /> Back to builders
       </Link>
       <Card className="p-6">
@@ -26,10 +35,14 @@ function BuilderProfile() {
           <Avatar src={b.avatar} alt={b.name} size={96} online={b.online} />
           <div className="min-w-0 flex-1">
             <h1 className="text-[22px] font-bold text-foreground">{b.name}</h1>
-            <p className="text-[13px] text-muted-foreground">@{b.handle} · {b.role}</p>
+            <p className="text-[13px] text-muted-foreground">
+              @{b.handle} · {b.role}
+            </p>
             <p className="mt-2 text-[13px] text-foreground">{b.bio}</p>
             <div className="mt-3 flex flex-wrap gap-1">
-              {b.skills.map((s) => <TagChip key={s}>{s}</TagChip>)}
+              {b.skills.map((s) => (
+                <TagChip key={s}>{s}</TagChip>
+              ))}
             </div>
           </div>
           <div className="flex gap-2">
@@ -43,9 +56,20 @@ function BuilderProfile() {
         </div>
       </Card>
       <div className="grid gap-4 lg:grid-cols-3">
-        <Card className="p-4"><p className="text-[13px] font-semibold text-foreground">Match Score</p><p className="mt-2 text-[36px] font-bold text-success">{b.matchScore}%</p></Card>
-        <Card className="p-4"><p className="text-[13px] font-semibold text-foreground">Experience</p><p className="mt-2 text-[36px] font-bold text-foreground">{b.yearsExp} <span className="text-[14px] font-medium text-muted-foreground">yrs</span></p></Card>
-        <Card className="p-4"><p className="text-[13px] font-semibold text-foreground">Location</p><p className="mt-2 text-[20px] font-bold text-foreground">{b.country}</p></Card>
+        <Card className="p-4">
+          <p className="text-[13px] font-semibold text-foreground">Match Score</p>
+          <p className="mt-2 text-[36px] font-bold text-success">{b.matchScore}%</p>
+        </Card>
+        <Card className="p-4">
+          <p className="text-[13px] font-semibold text-foreground">Experience</p>
+          <p className="mt-2 text-[36px] font-bold text-foreground">
+            {b.yearsExp} <span className="text-[14px] font-medium text-muted-foreground">yrs</span>
+          </p>
+        </Card>
+        <Card className="p-4">
+          <p className="text-[13px] font-semibold text-foreground">Location</p>
+          <p className="mt-2 text-[20px] font-bold text-foreground">{b.country}</p>
+        </Card>
       </div>
     </div>
   );
diff --git a/frontend/src/routes/_app.builders.tsx b/frontend/src/routes/_app.builders.tsx
index 8fdec8a2..34ce38b4 100644
--- a/frontend/src/routes/_app.builders.tsx
+++ b/frontend/src/routes/_app.builders.tsx
@@ -10,7 +10,10 @@ export const Route = createFileRoute("/_app/builders")({
   head: () => ({
     meta: [
       { title: "Builders — DevLink" },
-      { name: "description", content: "Discover developers by skills, match score and availability." },
+      {
+        name: "description",
+        content: "Discover developers by skills, match score and availability.",
+      },
     ],
   }),
   component: BuildersPage,
@@ -19,10 +22,15 @@ export const Route = createFileRoute("/_app/builders")({
 function BuildersPage() {
   const [tab, setTab] = useState<"discover" | "matches" | "connections">("discover");
   const [q, setQ] = useState("");
-  const { data = [] } = useQuery({ queryKey: ["builders", tab], queryFn: tab === "matches" ? buildersService.matches : buildersService.list });
+  const { data = [] } = useQuery({
+    queryKey: ["builders", tab],
+    queryFn: tab === "matches" ? buildersService.matches : buildersService.list,
+  });
 
   const filtered = data.filter(
-    (b) => b.name.toLowerCase().includes(q.toLowerCase()) || b.skills.some((s) => s.toLowerCase().includes(q.toLowerCase())),
+    (b) =>
+      b.name.toLowerCase().includes(q.toLowerCase()) ||
+      b.skills.some((s) => s.toLowerCase().includes(q.toLowerCase())),
   );
 
   const tabs = [
@@ -46,7 +54,9 @@ function BuildersPage() {
               onClick={() => setTab(t.k)}
               className={cn(
                 "rounded px-2.5 py-1 text-[12px] font-medium transition-colors",
-                tab === t.k ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground",
+                tab === t.k
+                  ? "bg-primary text-primary-foreground"
+                  : "text-muted-foreground hover:text-foreground",
               )}
             >
               {t.label}
@@ -54,7 +64,10 @@ function BuildersPage() {
           ))}
         </div>
         <div className="relative min-w-0 flex-1">
-          <Search size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" />
+          <Search
+            size={14}
+            className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+          />
           <input
             value={q}
             onChange={(e) => setQ(e.target.value)}
@@ -73,14 +86,22 @@ function BuildersPage() {
               </div>
               <p className="mt-2 text-[14px] font-semibold text-foreground">{b.name}</p>
               <p className="text-[12px] text-muted-foreground">{b.role}</p>
-              <p className="text-[11px] text-muted-foreground">{b.country} · {b.yearsExp} yrs</p>
+              <p className="text-[11px] text-muted-foreground">
+                {b.country} · {b.yearsExp} yrs
+              </p>
               <div className="mt-2 flex flex-wrap justify-center gap-1">
-                {b.skills.slice(0, 3).map((s) => <TagChip key={s}>{s}</TagChip>)}
+                {b.skills.slice(0, 3).map((s) => (
+                  <TagChip key={s}>{s}</TagChip>
+                ))}
               </div>
               <p className="mt-2 text-[12px] font-semibold text-success">{b.matchScore}% Match</p>
               <div className="mt-2 flex gap-1.5">
-                <button className="flex-1 rounded-md bg-primary px-2 py-1 text-[11px] font-semibold text-primary-foreground hover:opacity-90">Connect</button>
-                <button className="flex-1 rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground hover:bg-muted">Message</button>
+                <button className="flex-1 rounded-md bg-primary px-2 py-1 text-[11px] font-semibold text-primary-foreground hover:opacity-90">
+                  Connect
+                </button>
+                <button className="flex-1 rounded-md border border-border px-2 py-1 text-[11px] font-medium text-foreground hover:bg-muted">
+                  Message
+                </button>
               </div>
             </Card>
           </Link>
diff --git a/frontend/src/routes/_app.dashboard.tsx b/frontend/src/routes/_app.dashboard.tsx
index 6ddc9242..06b5aaf7 100644
--- a/frontend/src/routes/_app.dashboard.tsx
+++ b/frontend/src/routes/_app.dashboard.tsx
@@ -18,7 +18,10 @@ export const Route = createFileRoute("/_app/dashboard")({
   head: () => ({
     meta: [
       { title: "Dashboard — DevLink" },
-      { name: "description", content: "Your DevLink command center: projects, matches, messages and streaks." },
+      {
+        name: "description",
+        content: "Your DevLink command center: projects, matches, messages and streaks.",
+      },
     ],
   }),
   component: Dashboard,
diff --git a/frontend/src/routes/_app.flares.tsx b/frontend/src/routes/_app.flares.tsx
index 979827fb..a2bd4672 100644
--- a/frontend/src/routes/_app.flares.tsx
+++ b/frontend/src/routes/_app.flares.tsx
@@ -39,7 +39,10 @@ function FlaresPage() {
                 <p className="text-[11px] text-muted-foreground">Markdown supported</p>
                 <button
                   disabled={!content.trim()}
-                  onClick={() => { toast.success("Flare posted"); setContent(""); }}
+                  onClick={() => {
+                    toast.success("Flare posted");
+                    setContent("");
+                  }}
                   className="inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-[12px] font-semibold text-primary-foreground hover:opacity-90 disabled:opacity-50"
                 >
                   <Send size={12} /> Post
@@ -52,20 +55,33 @@ function FlaresPage() {
         {data.map((f) => (
           <Card key={f.id} className="p-4">
             <div className="flex items-start gap-3">
-              <Avatar src={f.author.avatar} alt={f.author.name} size={40} online={f.author.online} />
+              <Avatar
+                src={f.author.avatar}
+                alt={f.author.name}
+                size={40}
+                online={f.author.online}
+              />
               <div className="min-w-0 flex-1">
                 <div className="flex items-center gap-2">
                   <p className="text-[13px] font-semibold text-foreground">{f.author.name}</p>
-                  <p className="text-[12px] text-muted-foreground">@{f.author.handle} · {f.ago}</p>
+                  <p className="text-[12px] text-muted-foreground">
+                    @{f.author.handle} · {f.ago}
+                  </p>
                 </div>
                 <p className="mt-2 text-[13px] text-foreground">{f.content}</p>
                 <div className="mt-2 flex flex-wrap gap-1">
-                  {f.tags.map((t) => <TagChip key={t}>#{t}</TagChip>)}
+                  {f.tags.map((t) => (
+                    <TagChip key={t}>#{t}</TagChip>
+                  ))}
                 </div>
                 <div className="mt-3 flex items-center justify-between gap-4 text-[12px] text-muted-foreground">
                   <div className="flex items-center gap-4">
-                    <button className="inline-flex items-center gap-1 hover:text-destructive"><Heart size={12} /> {f.likes}</button>
-                    <button className="inline-flex items-center gap-1 hover:text-primary"><MessageCircle size={12} /> {f.comments}</button>
+                    <button className="inline-flex items-center gap-1 hover:text-destructive">
+                      <Heart size={12} /> {f.likes}
+                    </button>
+                    <button className="inline-flex items-center gap-1 hover:text-primary">
+                      <MessageCircle size={12} /> {f.comments}
+                    </button>
                   </div>
                   {/* Placeholder: ApplyButton needs flareId+projectId; current flares feed is mock-only. */}
                 </div>
@@ -81,14 +97,25 @@ function FlaresPage() {
             <Flame size={14} className="text-warning" /> Trending tags
           </p>
           <div className="mt-3 flex flex-wrap gap-1">
-            {["react", "typescript", "ml", "designsystems", "postgres", "webgpu", "wasm", "rust"].map((t) => (
+            {[
+              "react",
+              "typescript",
+              "ml",
+              "designsystems",
+              "postgres",
+              "webgpu",
+              "wasm",
+              "rust",
+            ].map((t) => (
               <TagChip key={t}>#{t}</TagChip>
             ))}
           </div>
         </Card>
         <Card className="p-4">
           <p className="text-[13px] font-semibold text-foreground">Community guidelines</p>
-          <p className="mt-2 text-[12px] text-muted-foreground">Be kind, credit sources, no spam. Ship generously.</p>
+          <p className="mt-2 text-[12px] text-muted-foreground">
+            Be kind, credit sources, no spam. Ship generously.
+          </p>
         </Card>
       </aside>
     </div>
diff --git a/frontend/src/routes/_app.hackathons.tsx b/frontend/src/routes/_app.hackathons.tsx
index 0a2b0996..c7816a52 100644
--- a/frontend/src/routes/_app.hackathons.tsx
+++ b/frontend/src/routes/_app.hackathons.tsx
@@ -20,7 +20,9 @@ function HackathonsPage() {
     <div className="space-y-4">
       <div>
         <h1 className="text-[22px] font-bold tracking-tight text-foreground">Hackathons</h1>
-        <p className="text-[13px] text-muted-foreground">Join a jam, build a team, ship something new.</p>
+        <p className="text-[13px] text-muted-foreground">
+          Join a jam, build a team, ship something new.
+        </p>
       </div>
       <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
         {data.map((h) => (
@@ -38,8 +40,12 @@ function HackathonsPage() {
             <p className="mt-3 text-[15px] font-semibold text-foreground">{h.name}</p>
             <p className="mt-0.5 text-[12px] text-muted-foreground">{h.theme}</p>
             <div className="mt-3 flex flex-wrap gap-2 text-[11px] text-muted-foreground">
-              <span className="inline-flex items-center gap-1"><Clock size={11} /> Starts in {h.startsIn}d</span>
-              <span className="inline-flex items-center gap-1"><Users2 size={11} /> {h.teamSize}</span>
+              <span className="inline-flex items-center gap-1">
+                <Clock size={11} /> Starts in {h.startsIn}d
+              </span>
+              <span className="inline-flex items-center gap-1">
+                <Users2 size={11} /> {h.teamSize}
+              </span>
               <TagChip className="text-warning border-warning/30 bg-warning/10">{h.prize}</TagChip>
             </div>
             <button className="mt-4 w-full rounded-md bg-primary py-1.5 text-[12px] font-semibold text-primary-foreground hover:opacity-90">
diff --git a/frontend/src/routes/_app.messages.$conversationId.tsx b/frontend/src/routes/_app.messages.$conversationId.tsx
index bdd69b4d..e7449297 100644
--- a/frontend/src/routes/_app.messages.$conversationId.tsx
+++ b/frontend/src/routes/_app.messages.$conversationId.tsx
@@ -33,11 +33,16 @@ function Thread() {
               <Link
                 to="/messages/$conversationId"
                 params={{ conversationId: c.id }}
-                className={cn("flex items-center gap-3 px-4 py-3 hover:bg-muted/50", c.id === conversationId && "bg-muted/50")}
+                className={cn(
+                  "flex items-center gap-3 px-4 py-3 hover:bg-muted/50",
+                  c.id === conversationId && "bg-muted/50",
+                )}
               >
                 <Avatar src={c.with.avatar} alt={c.with.name} size={36} online={c.with.online} />
                 <div className="min-w-0 flex-1">
-                  <p className="truncate text-[13px] font-semibold text-foreground">{c.with.name}</p>
+                  <p className="truncate text-[13px] font-semibold text-foreground">
+                    {c.with.name}
+                  </p>
                   <p className="truncate text-[12px] text-muted-foreground">{c.preview}</p>
                 </div>
               </Link>
@@ -54,16 +59,23 @@ function Thread() {
           <Avatar src={conv.with.avatar} alt={conv.with.name} size={36} online={conv.with.online} />
           <div>
             <p className="text-[13px] font-semibold text-foreground">{conv.with.name}</p>
-            <p className="text-[11px] text-muted-foreground">{conv.with.online ? "Online" : "Offline"}</p>
+            <p className="text-[11px] text-muted-foreground">
+              {conv.with.online ? "Online" : "Offline"}
+            </p>
           </div>
         </div>
 
         <div className="flex-1 space-y-2 overflow-y-auto p-4">
           {data.length === 0 && (
-            <p className="text-center text-[12px] text-muted-foreground">No messages yet — say hello 👋</p>
+            <p className="text-center text-[12px] text-muted-foreground">
+              No messages yet — say hello 👋
+            </p>
           )}
           {data.map((m) => (
-            <div key={m.id} className={cn("flex", m.from === "me" ? "justify-end" : "justify-start")}>
+            <div
+              key={m.id}
+              className={cn("flex", m.from === "me" ? "justify-end" : "justify-start")}
+            >
               <div
                 className={cn(
                   "max-w-[75%] rounded-md px-3 py-2 text-[13px]",
@@ -73,14 +85,24 @@ function Thread() {
                 )}
               >
                 <p>{m.text}</p>
-                <p className={cn("mt-1 text-[10px]", m.from === "me" ? "text-primary-foreground/70" : "text-muted-foreground")}>{m.at}</p>
+                <p
+                  className={cn(
+                    "mt-1 text-[10px]",
+                    m.from === "me" ? "text-primary-foreground/70" : "text-muted-foreground",
+                  )}
+                >
+                  {m.at}
+                </p>
               </div>
             </div>
           ))}
         </div>
 
         <form
-          onSubmit={(e) => { e.preventDefault(); setText(""); }}
+          onSubmit={(e) => {
+            e.preventDefault();
+            setText("");
+          }}
           className="flex items-center gap-2 border-t border-border p-3"
         >
           <input
diff --git a/frontend/src/routes/_app.messages.tsx b/frontend/src/routes/_app.messages.tsx
index e0d78e74..1b4affff 100644
--- a/frontend/src/routes/_app.messages.tsx
+++ b/frontend/src/routes/_app.messages.tsx
@@ -15,7 +15,10 @@ export const Route = createFileRoute("/_app/messages")({
 });
 
 function MessagesIndex() {
-  const { data = [] } = useQuery({ queryKey: ["conversations"], queryFn: messagesService.conversations });
+  const { data = [] } = useQuery({
+    queryKey: ["conversations"],
+    queryFn: messagesService.conversations,
+  });
   return (
     <div className="grid gap-4 lg:grid-cols-[320px_minmax(0,1fr)]">
       <Card className="lg:h-[calc(100vh-8rem)] lg:overflow-y-auto">
@@ -32,7 +35,9 @@ function MessagesIndex() {
               >
                 <Avatar src={c.with.avatar} alt={c.with.name} size={40} online={c.with.online} />
                 <div className="min-w-0 flex-1">
-                  <p className="truncate text-[13px] font-semibold text-foreground">{c.with.name}</p>
+                  <p className="truncate text-[13px] font-semibold text-foreground">
+                    {c.with.name}
+                  </p>
                   <p className="truncate text-[12px] text-muted-foreground">{c.preview}</p>
                 </div>
                 <div className="flex flex-col items-end gap-1">
@@ -52,7 +57,9 @@ function MessagesIndex() {
         <div>
           <MessageSquare size={32} className="mx-auto text-muted-foreground" />
           <p className="mt-3 text-[14px] font-semibold text-foreground">Select a conversation</p>
-          <p className="mt-1 text-[12px] text-muted-foreground">Choose a chat on the left to start messaging.</p>
+          <p className="mt-1 text-[12px] text-muted-foreground">
+            Choose a chat on the left to start messaging.
+          </p>
         </div>
       </Card>
     </div>
diff --git a/frontend/src/routes/_app.notifications.tsx b/frontend/src/routes/_app.notifications.tsx
index 95991e19..f514641e 100644
--- a/frontend/src/routes/_app.notifications.tsx
+++ b/frontend/src/routes/_app.notifications.tsx
@@ -15,7 +15,10 @@ export const Route = createFileRoute("/_app/notifications")({
 });
 
 function NotificationsPage() {
-  const { data = [] } = useQuery({ queryKey: ["notifications"], queryFn: notificationsService.list });
+  const { data = [] } = useQuery({
+    queryKey: ["notifications"],
+    queryFn: notificationsService.list,
+  });
   return (
     <div className="space-y-4">
       <div className="flex items-center justify-between">
@@ -30,8 +33,16 @@ function NotificationsPage() {
       <Card>
         <ul className="divide-y divide-border">
           {data.map((n) => (
-            <li key={n.id} className={cn("flex items-center gap-3 px-4 py-3", n.unread && "bg-primary-soft/30")}>
-              <span className={cn("h-2 w-2 shrink-0 rounded-full", n.unread ? "bg-primary" : "bg-transparent")} />
+            <li
+              key={n.id}
+              className={cn("flex items-center gap-3 px-4 py-3", n.unread && "bg-primary-soft/30")}
+            >
+              <span
+                className={cn(
+                  "h-2 w-2 shrink-0 rounded-full",
+                  n.unread ? "bg-primary" : "bg-transparent",
+                )}
+              />
               <p className="min-w-0 flex-1 text-[13px] text-foreground">{n.text}</p>
               <span className="text-[11px] text-muted-foreground">{n.ago}</span>
             </li>
diff --git a/frontend/src/routes/_app.profile.$username.tsx b/frontend/src/routes/_app.profile.$username.tsx
index 25b0bb0c..a48b9ae0 100644
--- a/frontend/src/routes/_app.profile.$username.tsx
+++ b/frontend/src/routes/_app.profile.$username.tsx
@@ -7,7 +7,10 @@ export const Route = createFileRoute("/_app/profile/$username")({
   head: ({ params }) => ({
     meta: [
       { title: `@${params.username} — DevLink` },
-      { name: "description", content: `${params.username}'s DevLink profile: skills, projects and activity.` },
+      {
+        name: "description",
+        content: `${params.username}'s DevLink profile: skills, projects and activity.`,
+      },
     ],
   }),
   component: ProfilePage,
@@ -17,7 +20,14 @@ function ProfilePage() {
   const { username } = Route.useParams();
   const me = username === currentUser.handle;
   const b = me
-    ? { ...builders[0], name: currentUser.name, handle: currentUser.handle, avatar: currentUser.avatar, bio: "Product engineer. Ships fast, sleeps sometimes.", role: "Full Stack Developer" }
+    ? {
+        ...builders[0],
+        name: currentUser.name,
+        handle: currentUser.handle,
+        avatar: currentUser.avatar,
+        bio: "Product engineer. Ships fast, sleeps sometimes.",
+        role: "Full Stack Developer",
+      }
     : builders.find((x) => x.handle === username);
   if (!b) throw notFound();
 
@@ -28,12 +38,20 @@ function ProfilePage() {
           <Avatar src={b.avatar} alt={b.name} size={96} online={b.online} />
           <div className="min-w-0 flex-1">
             <h1 className="text-[22px] font-bold text-foreground">{b.name}</h1>
-            <p className="text-[13px] text-muted-foreground">@{b.handle} · {b.role}</p>
+            <p className="text-[13px] text-muted-foreground">
+              @{b.handle} · {b.role}
+            </p>
             <p className="mt-2 text-[13px] text-foreground">{b.bio}</p>
             <div className="mt-3 flex flex-wrap items-center gap-3 text-[12px] text-muted-foreground">
-              <span className="inline-flex items-center gap-1"><MapPin size={12} /> {b.country}</span>
-              <span className="inline-flex items-center gap-1"><Calendar size={12} /> Joined 2024</span>
-              <span className="inline-flex items-center gap-1"><LinkIcon size={12} /> devlink.io/{b.handle}</span>
+              <span className="inline-flex items-center gap-1">
+                <MapPin size={12} /> {b.country}
+              </span>
+              <span className="inline-flex items-center gap-1">
+                <Calendar size={12} /> Joined 2024
+              </span>
+              <span className="inline-flex items-center gap-1">
+                <LinkIcon size={12} /> devlink.io/{b.handle}
+              </span>
             </div>
           </div>
           {!me && (
@@ -48,7 +66,9 @@ function ProfilePage() {
         <Card className="p-4">
           <p className="text-[13px] font-semibold text-foreground">Skills</p>
           <div className="mt-3 flex flex-wrap gap-1">
-            {b.skills.map((s) => <TagChip key={s}>{s}</TagChip>)}
+            {b.skills.map((s) => (
+              <TagChip key={s}>{s}</TagChip>
+            ))}
           </div>
         </Card>
         <Card className="p-4 lg:col-span-2">
@@ -56,10 +76,14 @@ function ProfilePage() {
           <ul className="mt-3 divide-y divide-border">
             {projects.slice(0, 4).map((p) => (
               <li key={p.id} className="flex items-center gap-3 py-2">
-                <span className="grid h-8 w-8 place-items-center rounded-md bg-muted text-lg">{p.icon}</span>
+                <span className="grid h-8 w-8 place-items-center rounded-md bg-muted text-lg">
+                  {p.icon}
+                </span>
                 <div className="min-w-0 flex-1">
                   <p className="truncate text-[13px] font-semibold text-foreground">{p.name}</p>
-                  <p className="truncate text-[11px] text-muted-foreground">{p.stack.join(" · ")}</p>
+                  <p className="truncate text-[11px] text-muted-foreground">
+                    {p.stack.join(" · ")}
+                  </p>
                 </div>
               </li>
             ))}
diff --git a/frontend/src/routes/_app.projects.$projectId.tsx b/frontend/src/routes/_app.projects.$projectId.tsx
index 81b4aa7d..710a6d89 100644
--- a/frontend/src/routes/_app.projects.$projectId.tsx
+++ b/frontend/src/routes/_app.projects.$projectId.tsx
@@ -32,7 +32,10 @@ function ProjectDetail() {
 
   return (
     <div className="space-y-4">
-      <Link to="/projects" className="inline-flex items-center gap-1 text-[13px] font-medium text-muted-foreground hover:text-foreground">
+      <Link
+        to="/projects"
+        className="inline-flex items-center gap-1 text-[13px] font-medium text-muted-foreground hover:text-foreground"
+      >
         <ArrowLeft size={14} /> Back to projects
       </Link>
       <Card className="p-5">
@@ -44,13 +47,21 @@ function ProjectDetail() {
             <h1 className="text-[22px] font-bold text-foreground">{p.name}</h1>
             <p className="mt-1 text-[13px] text-muted-foreground">{p.description}</p>
             <div className="mt-3 flex flex-wrap gap-1">
-              {p.stack.map((s) => <TagChip key={s}>{s}</TagChip>)}
+              {p.stack.map((s) => (
+                <TagChip key={s}>{s}</TagChip>
+              ))}
             </div>
           </div>
           <div className="hidden gap-4 text-[12px] text-muted-foreground sm:flex">
-            <span className="inline-flex items-center gap-1"><Star size={12} /> {p.stars}</span>
-            <span className="inline-flex items-center gap-1"><GitFork size={12} /> {p.forks}</span>
-            <span className="inline-flex items-center gap-1"><Users2 size={12} /> {p.members}</span>
+            <span className="inline-flex items-center gap-1">
+              <Star size={12} /> {p.stars}
+            </span>
+            <span className="inline-flex items-center gap-1">
+              <GitFork size={12} /> {p.forks}
+            </span>
+            <span className="inline-flex items-center gap-1">
+              <Users2 size={12} /> {p.members}
+            </span>
           </div>
         </div>
       </Card>
@@ -62,7 +73,9 @@ function ProjectDetail() {
             onClick={() => setTab(t)}
             className={cn(
               "border-b-2 px-3 py-2 text-[13px] font-medium capitalize transition-colors",
-              tab === t ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground",
+              tab === t
+                ? "border-primary text-primary"
+                : "border-transparent text-muted-foreground hover:text-foreground",
             )}
           >
             {t}
@@ -109,7 +122,10 @@ function ProjectDetail() {
         <Card>
           <ul className="divide-y divide-border">
             {activity.map((a) => (
-              <li key={a.id} className="flex items-center gap-3 px-4 py-2.5 text-[13px] text-foreground">
+              <li
+                key={a.id}
+                className="flex items-center gap-3 px-4 py-2.5 text-[13px] text-foreground"
+              >
                 {a.text} <span className="ml-auto text-[11px] text-muted-foreground">{a.ago}</span>
               </li>
             ))}
@@ -120,7 +136,9 @@ function ProjectDetail() {
         <Card className="p-4">
           <div className="flex items-center gap-2 rounded-md border border-border p-3">
             <Github size={16} className="text-muted-foreground" />
-            <span className="text-[13px] font-medium text-foreground">devlink/{p.name.toLowerCase().replace(/\s+/g, "-")}</span>
+            <span className="text-[13px] font-medium text-foreground">
+              devlink/{p.name.toLowerCase().replace(/\s+/g, "-")}
+            </span>
             <span className="ml-auto text-[11px] text-muted-foreground">main · updated 2h ago</span>
           </div>
         </Card>
diff --git a/frontend/src/routes/_app.projects.tsx b/frontend/src/routes/_app.projects.tsx
index 1aedbe8f..e9055b51 100644
--- a/frontend/src/routes/_app.projects.tsx
+++ b/frontend/src/routes/_app.projects.tsx
@@ -18,7 +18,16 @@ export const Route = createFileRoute("/_app/projects")({
 
 const LANGUAGES = ["JavaScript", "TypeScript", "Python", "Go", "Rust", "Java", "C++"];
 const DIFFICULTIES = ["beginner", "intermediate", "advanced"] as const;
-const BOOL_FILTERS = ["remote", "paid", "openSource", "ai", "web", "mobile", "backend", "frontend"] as const;
+const BOOL_FILTERS = [
+  "remote",
+  "paid",
+  "openSource",
+  "ai",
+  "web",
+  "mobile",
+  "backend",
+  "frontend",
+] as const;
 type BoolFilter = (typeof BOOL_FILTERS)[number];
 
 const BOOL_LABELS: Record<BoolFilter, string> = {
@@ -62,13 +71,18 @@ function toggle<T>(set: T[], val: T): T[] {
 
 function ProjectsPage() {
   const [q, setQ] = useState("");
-  const [statusFilter, setStatusFilter] = useState<"all" | "active" | "planning" | "shipped">("all");
+  const [statusFilter, setStatusFilter] = useState<"all" | "active" | "planning" | "shipped">(
+    "all",
+  );
   const [showFilters, setShowFilters] = useState(false);
   const [langs, setLangs] = useState<string[]>([]);
   const [difficulties, setDifficulties] = useState<string[]>([]);
   const [boolFilters, setBoolFilters] = useState<BoolFilter[]>([]);
 
-  const { data = [], isLoading } = useQuery({ queryKey: ["projects"], queryFn: projectsService.list });
+  const { data = [], isLoading } = useQuery({
+    queryKey: ["projects"],
+    queryFn: projectsService.list,
+  });
 
   const hasActiveFilters = langs.length > 0 || difficulties.length > 0 || boolFilters.length > 0;
 
@@ -82,7 +96,8 @@ function ProjectsPage() {
     if (statusFilter !== "all" && p.status !== statusFilter) return false;
     if (q && !p.name.toLowerCase().includes(q.toLowerCase())) return false;
     if (langs.length > 0 && (!p.language || !langs.includes(p.language))) return false;
-    if (difficulties.length > 0 && (!p.difficulty || !difficulties.includes(p.difficulty))) return false;
+    if (difficulties.length > 0 && (!p.difficulty || !difficulties.includes(p.difficulty)))
+      return false;
     for (const f of boolFilters) {
       if (!p[f]) return false;
     }
@@ -94,7 +109,9 @@ function ProjectsPage() {
       <div className="flex flex-wrap items-center justify-between gap-3">
         <div>
           <h1 className="text-[22px] font-bold tracking-tight text-foreground">Projects</h1>
-          <p className="text-[13px] text-muted-foreground">Everything you're building, in one place.</p>
+          <p className="text-[13px] text-muted-foreground">
+            Everything you're building, in one place.
+          </p>
         </div>
         <button className="inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-[13px] font-semibold text-primary-foreground hover:opacity-90">
           <Plus size={14} /> New project
@@ -104,7 +121,10 @@ function ProjectsPage() {
       <Card className="p-3">
         <div className="flex flex-wrap items-center gap-2">
           <div className="relative min-w-0 flex-1">
-            <Search size={14} className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" />
+            <Search
+              size={14}
+              className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+            />
             <input
               value={q}
               onChange={(e) => setQ(e.target.value)}
@@ -118,7 +138,9 @@ function ProjectsPage() {
                 key={f}
                 onClick={() => setStatusFilter(f)}
                 className={`rounded px-2.5 py-1 text-[12px] font-medium capitalize transition-colors ${
-                  statusFilter === f ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"
+                  statusFilter === f
+                    ? "bg-primary text-primary-foreground"
+                    : "text-muted-foreground hover:text-foreground"
                 }`}
               >
                 {f}
@@ -148,10 +170,16 @@ function ProjectsPage() {
           <div className="mt-3 space-y-3 border-t border-border pt-3">
             {/* Language */}
             <div>
-              <p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">Language</p>
+              <p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                Language
+              </p>
               <div className="flex flex-wrap gap-1.5">
                 {LANGUAGES.map((lang) => (
-                  <FilterChip key={lang} active={langs.includes(lang)} onClick={() => setLangs(toggle(langs, lang))}>
+                  <FilterChip
+                    key={lang}
+                    active={langs.includes(lang)}
+                    onClick={() => setLangs(toggle(langs, lang))}
+                  >
                     {lang}
                   </FilterChip>
                 ))}
@@ -160,10 +188,16 @@ function ProjectsPage() {
 
             {/* Difficulty */}
             <div>
-              <p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">Difficulty</p>
+              <p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                Difficulty
+              </p>
               <div className="flex flex-wrap gap-1.5">
                 {DIFFICULTIES.map((d) => (
-                  <FilterChip key={d} active={difficulties.includes(d)} onClick={() => setDifficulties(toggle(difficulties, d))}>
+                  <FilterChip
+                    key={d}
+                    active={difficulties.includes(d)}
+                    onClick={() => setDifficulties(toggle(difficulties, d))}
+                  >
                     <span className="capitalize">{d}</span>
                   </FilterChip>
                 ))}
@@ -172,10 +206,16 @@ function ProjectsPage() {
 
             {/* Boolean tags */}
             <div>
-              <p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">Tags</p>
+              <p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
+                Tags
+              </p>
               <div className="flex flex-wrap gap-1.5">
                 {BOOL_FILTERS.map((f) => (
-                  <FilterChip key={f} active={boolFilters.includes(f)} onClick={() => setBoolFilters(toggle(boolFilters, f))}>
+                  <FilterChip
+                    key={f}
+                    active={boolFilters.includes(f)}
+                    onClick={() => setBoolFilters(toggle(boolFilters, f))}
+                  >
                     {BOOL_LABELS[f]}
                   </FilterChip>
                 ))}
@@ -202,11 +242,20 @@ function ProjectsPage() {
         </div>
       ) : filtered.length === 0 ? (
         <div className="flex flex-col items-center justify-center py-12 text-center">
-          <div className="mb-3 grid h-12 w-12 place-items-center rounded-full bg-muted text-muted-foreground">🔍</div>
-          <p className="text-[14px] font-semibold text-foreground">No projects match your filters</p>
-          <p className="mt-1 text-[13px] text-muted-foreground">Try adjusting or resetting your filters.</p>
+          <div className="mb-3 grid h-12 w-12 place-items-center rounded-full bg-muted text-muted-foreground">
+            🔍
+          </div>
+          <p className="text-[14px] font-semibold text-foreground">
+            No projects match your filters
+          </p>
+          <p className="mt-1 text-[13px] text-muted-foreground">
+            Try adjusting or resetting your filters.
+          </p>
           {hasActiveFilters && (
-            <button onClick={resetFilters} className="mt-3 text-[13px] font-medium text-primary hover:underline">
+            <button
+              onClick={resetFilters}
+              className="mt-3 text-[13px] font-medium text-primary hover:underline"
+            >
               Reset filters
             </button>
           )}
@@ -214,13 +263,22 @@ function ProjectsPage() {
       ) : (
         <div className="grid gap-3 md:grid-cols-2 lg:grid-cols-3">
           {filtered.map((p) => (
-            <Link key={p.id} to="/projects/$projectId" params={{ projectId: p.id }} className="block">
+            <Link
+              key={p.id}
+              to="/projects/$projectId"
+              params={{ projectId: p.id }}
+              className="block"
+            >
               <Card interactive className="p-4">
                 <div className="flex items-start gap-3">
-                  <span className="grid h-10 w-10 shrink-0 place-items-center rounded-md bg-muted text-xl">{p.icon}</span>
+                  <span className="grid h-10 w-10 shrink-0 place-items-center rounded-md bg-muted text-xl">
+                    {p.icon}
+                  </span>
                   <div className="min-w-0 flex-1">
                     <p className="truncate text-[14px] font-semibold text-foreground">{p.name}</p>
-                    <p className="mt-0.5 line-clamp-2 text-[12px] text-muted-foreground">{p.description}</p>
+                    <p className="mt-0.5 line-clamp-2 text-[12px] text-muted-foreground">
+                      {p.description}
+                    </p>
                   </div>
                 </div>
                 <div className="mt-3 flex flex-wrap gap-1">
@@ -228,11 +286,15 @@ function ProjectsPage() {
                     <TagChip key={s}>{s}</TagChip>
                   ))}
                   {p.difficulty && (
-                    <TagChip className={cn(
-                      p.difficulty === "beginner" ? "border-success/30 bg-success/10 text-success" :
-                      p.difficulty === "intermediate" ? "border-warning/30 bg-warning/10 text-warning" :
-                      "border-destructive/30 bg-destructive/10 text-destructive"
-                    )}>
+                    <TagChip
+                      className={cn(
+                        p.difficulty === "beginner"
+                          ? "border-success/30 bg-success/10 text-success"
+                          : p.difficulty === "intermediate"
+                            ? "border-warning/30 bg-warning/10 text-warning"
+                            : "border-destructive/30 bg-destructive/10 text-destructive",
+                      )}
+                    >
                       {p.difficulty}
                     </TagChip>
                   )}
@@ -256,11 +318,17 @@ function ProjectsPage() {
                   <span className="inline-flex items-center gap-1">
                     <GitFork size={12} /> {p.forks}
                   </span>
-                  <span className={`rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase ${
-                    p.status === "active" ? "bg-success/10 text-success" :
-                    p.status === "planning" ? "bg-warning/10 text-warning" :
-                    "bg-muted text-muted-foreground"
-                  }`}>{p.status}</span>
+                  <span
+                    className={`rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase ${
+                      p.status === "active"
+                        ? "bg-success/10 text-success"
+                        : p.status === "planning"
+                          ? "bg-warning/10 text-warning"
+                          : "bg-muted text-muted-foreground"
+                    }`}
+                  >
+                    {p.status}
+                  </span>
                 </div>
               </Card>
             </Link>
diff --git a/frontend/src/routes/_app.search.tsx b/frontend/src/routes/_app.search.tsx
index 46d7f205..210aea9d 100644
--- a/frontend/src/routes/_app.search.tsx
+++ b/frontend/src/routes/_app.search.tsx
@@ -12,7 +12,10 @@ export const Route = createFileRoute("/_app/search")({
   head: () => ({
     meta: [
       { title: "Search — DevLink" },
-      { name: "description", content: "Global search across developers, projects, skills and flares." },
+      {
+        name: "description",
+        content: "Global search across developers, projects, skills and flares.",
+      },
     ],
   }),
   component: SearchPage,
@@ -22,15 +25,24 @@ function SearchPage() {
   const [q, setQ] = useState("");
   const [tab, setTab] = useState<Tab>("Developers");
 
-  const devs = builders.filter((b) => (b.name + b.skills.join(" ")).toLowerCase().includes(q.toLowerCase()));
-  const projs = projects.filter((p) => (p.name + p.stack.join(" ")).toLowerCase().includes(q.toLowerCase()));
-  const skillSet = Array.from(new Set(builders.flatMap((b) => b.skills))).filter((s) => s.toLowerCase().includes(q.toLowerCase()));
+  const devs = builders.filter((b) =>
+    (b.name + b.skills.join(" ")).toLowerCase().includes(q.toLowerCase()),
+  );
+  const projs = projects.filter((p) =>
+    (p.name + p.stack.join(" ")).toLowerCase().includes(q.toLowerCase()),
+  );
+  const skillSet = Array.from(new Set(builders.flatMap((b) => b.skills))).filter((s) =>
+    s.toLowerCase().includes(q.toLowerCase()),
+  );
   const fls = flares.filter((f) => f.content.toLowerCase().includes(q.toLowerCase()));
 
   return (
     <div className="space-y-4">
       <div className="relative">
-        <Search size={16} className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" />
+        <Search
+          size={16}
+          className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+        />
         <input
           value={q}
           onChange={(e) => setQ(e.target.value)}
@@ -46,7 +58,9 @@ function SearchPage() {
             onClick={() => setTab(t)}
             className={cn(
               "rounded px-3 py-1.5 text-[12px] font-medium transition-colors",
-              tab === t ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground",
+              tab === t
+                ? "bg-primary text-primary-foreground"
+                : "text-muted-foreground hover:text-foreground",
             )}
           >
             {t}
@@ -75,10 +89,14 @@ function SearchPage() {
             <Link key={p.id} to="/projects/$projectId" params={{ projectId: p.id }}>
               <Card interactive className="p-4">
                 <div className="flex items-start gap-3">
-                  <span className="grid h-10 w-10 place-items-center rounded-md bg-muted text-xl">{p.icon}</span>
+                  <span className="grid h-10 w-10 place-items-center rounded-md bg-muted text-xl">
+                    {p.icon}
+                  </span>
                   <div className="min-w-0">
                     <p className="truncate text-[13px] font-semibold text-foreground">{p.name}</p>
-                    <p className="truncate text-[12px] text-muted-foreground">{p.stack.join(" · ")}</p>
+                    <p className="truncate text-[12px] text-muted-foreground">
+                      {p.stack.join(" · ")}
+                    </p>
                   </div>
                 </div>
               </Card>
@@ -89,7 +107,11 @@ function SearchPage() {
       {tab === "Skills" && (
         <Card className="p-4">
           <div className="flex flex-wrap gap-2">
-            {skillSet.map((s) => <TagChip key={s} className="text-[12px]">{s}</TagChip>)}
+            {skillSet.map((s) => (
+              <TagChip key={s} className="text-[12px]">
+                {s}
+              </TagChip>
+            ))}
           </div>
         </Card>
       )}
diff --git a/frontend/src/routes/_app.settings.tsx b/frontend/src/routes/_app.settings.tsx
index faf458ee..c1c09f44 100644
--- a/frontend/src/routes/_app.settings.tsx
+++ b/frontend/src/routes/_app.settings.tsx
@@ -12,7 +12,10 @@ export const Route = createFileRoute("/_app/settings")({
   head: () => ({
     meta: [
       { title: "Settings — DevLink" },
-      { name: "description", content: "Manage your DevLink account, appearance, notifications and billing." },
+      {
+        name: "description",
+        content: "Manage your DevLink account, appearance, notifications and billing.",
+      },
     ],
   }),
   component: SettingsPage,
@@ -20,7 +23,8 @@ export const Route = createFileRoute("/_app/settings")({
 
 function SettingsPage() {
   const [tab, setTab] = useState<Tab>("Account");
-  const inp = "w-full rounded-md border border-border bg-surface px-3 py-[8px] text-[14px] text-foreground outline-none focus:border-primary focus:ring-2 focus:ring-primary/20";
+  const inp =
+    "w-full rounded-md border border-border bg-surface px-3 py-[8px] text-[14px] text-foreground outline-none focus:border-primary focus:ring-2 focus:ring-primary/20";
   const lbl = "mb-1 block text-[13px] font-semibold text-foreground";
 
   return (
@@ -51,26 +55,60 @@ function SettingsPage() {
           <p className="text-[15px] font-semibold text-foreground">{tab}</p>
           <div className="mt-4 space-y-4">
             {tab === "Account" && (
-              <form onSubmit={(e) => { e.preventDefault(); toast.success("Saved"); }} className="space-y-4">
+              <form
+                onSubmit={(e) => {
+                  e.preventDefault();
+                  toast.success("Saved");
+                }}
+                className="space-y-4"
+              >
                 <div className="grid gap-4 sm:grid-cols-2">
-                  <div><label className={lbl}>Full name</label><input className={inp} defaultValue={currentUser.name} /></div>
-                  <div><label className={lbl}>Username</label><input className={inp} defaultValue={currentUser.handle} /></div>
+                  <div>
+                    <label className={lbl}>Full name</label>
+                    <input className={inp} defaultValue={currentUser.name} />
+                  </div>
+                  <div>
+                    <label className={lbl}>Username</label>
+                    <input className={inp} defaultValue={currentUser.handle} />
+                  </div>
+                </div>
+                <div>
+                  <label className={lbl}>Email</label>
+                  <input className={inp} defaultValue="nancy@devlink.io" />
+                </div>
+                <div>
+                  <label className={lbl}>Bio</label>
+                  <textarea
+                    rows={3}
+                    className={inp}
+                    defaultValue="Product engineer. React / Postgres / Rust."
+                  />
                 </div>
-                <div><label className={lbl}>Email</label><input className={inp} defaultValue="nancy@devlink.io" /></div>
-                <div><label className={lbl}>Bio</label><textarea rows={3} className={inp} defaultValue="Product engineer. React / Postgres / Rust." /></div>
-                <button className="rounded-md bg-primary px-4 py-2 text-[13px] font-semibold text-primary-foreground hover:opacity-90">Save changes</button>
+                <button className="rounded-md bg-primary px-4 py-2 text-[13px] font-semibold text-primary-foreground hover:opacity-90">
+                  Save changes
+                </button>
               </form>
             )}
             {tab === "Appearance" && (
               <div className="space-y-3 text-[13px] text-foreground">
-                <p>Theme: <span className="font-semibold">Light</span> (matches your auth screen).</p>
+                <p>
+                  Theme: <span className="font-semibold">Light</span> (matches your auth screen).
+                </p>
                 <p className="text-muted-foreground">Dark mode coming soon.</p>
               </div>
             )}
             {tab === "Notifications" && (
               <div className="space-y-3 text-[13px] text-foreground">
-                {["Direct messages", "Builder requests", "Project mentions", "Hackathon deadlines"].map((n) => (
-                  <label key={n} className="flex items-center justify-between border-b border-border pb-3">
+                {[
+                  "Direct messages",
+                  "Builder requests",
+                  "Project mentions",
+                  "Hackathon deadlines",
+                ].map((n) => (
+                  <label
+                    key={n}
+                    className="flex items-center justify-between border-b border-border pb-3"
+                  >
                     <span>{n}</span>
                     <input type="checkbox" defaultChecked className="h-4 w-4 accent-primary" />
                   </label>
@@ -79,14 +117,23 @@ function SettingsPage() {
             )}
             {tab === "Security" && (
               <div className="space-y-4">
-                <div><label className={lbl}>Current password</label><input type="password" className={inp} /></div>
-                <div><label className={lbl}>New password</label><input type="password" className={inp} /></div>
-                <button className="rounded-md bg-primary px-4 py-2 text-[13px] font-semibold text-primary-foreground hover:opacity-90">Update password</button>
+                <div>
+                  <label className={lbl}>Current password</label>
+                  <input type="password" className={inp} />
+                </div>
+                <div>
+                  <label className={lbl}>New password</label>
+                  <input type="password" className={inp} />
+                </div>
+                <button className="rounded-md bg-primary px-4 py-2 text-[13px] font-semibold text-primary-foreground hover:opacity-90">
+                  Update password
+                </button>
               </div>
             )}
             {tab === "Billing" && (
               <div className="rounded-md border border-primary/30 bg-primary-soft p-4 text-[13px] text-foreground">
-                You're on the <span className="font-semibold">Pro</span> plan. Next invoice on Nov 4, 2026.
+                You're on the <span className="font-semibold">Pro</span> plan. Next invoice on Nov
+                4, 2026.
               </div>
             )}
           </div>
diff --git a/frontend/src/routes/auth.tsx b/frontend/src/routes/auth.tsx
index f0856c0e..a89b8e56 100644
--- a/frontend/src/routes/auth.tsx
+++ b/frontend/src/routes/auth.tsx
@@ -1,7 +1,7 @@
 import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
 import { useState } from "react";
 import { Eye, EyeOff, Github } from "lucide-react";
-import { APP_LOGO} from "@/lib/logo";
+import { APP_LOGO } from "@/lib/logo";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
@@ -21,14 +21,16 @@ const signInSchema = z.object({
   email: z.string().email("Enter a valid email"),
   password: z.string().min(6, "At least 6 characters"),
 });
-const signUpSchema = signInSchema.extend({
-  firstName: z.string().min(1, "Required").max(50),
-  lastName: z.string().min(1, "Required").max(50),
-  confirmPassword: z.string(),
-}).refine((d) => d.password === d.confirmPassword, {
-  message: "Passwords must match",
-  path: ["confirmPassword"],
-});
+const signUpSchema = signInSchema
+  .extend({
+    firstName: z.string().min(1, "Required").max(50),
+    lastName: z.string().min(1, "Required").max(50),
+    confirmPassword: z.string(),
+  })
+  .refine((d) => d.password === d.confirmPassword, {
+    message: "Passwords must match",
+    path: ["confirmPassword"],
+  });
 
 type SignIn = z.infer<typeof signInSchema>;
 type SignUp = z.infer<typeof signUpSchema>;
@@ -65,10 +67,22 @@ function AuthScreen() {
         </button>
         <button className="mb-5 flex w-full items-center justify-center gap-2.5 rounded-md border border-border bg-surface px-3 py-[8px] text-[14px] font-medium text-foreground hover:bg-muted">
           <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden>
-            <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" />
-            <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" />
-            <path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z" />
-            <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" />
+            <path
+              fill="#4285F4"
+              d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+            />
+            <path
+              fill="#34A853"
+              d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+            />
+            <path
+              fill="#FBBC05"
+              d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z"
+            />
+            <path
+              fill="#EA4335"
+              d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+            />
           </svg>
           Continue with Google
         </button>
@@ -109,7 +123,10 @@ function AuthScreen() {
               )}
             </div>
             <div className="mb-4 mt-1.5 flex justify-end">
-              <Link to="/forgot-password" className="text-[13px] font-medium text-primary hover:underline">
+              <Link
+                to="/forgot-password"
+                className="text-[13px] font-medium text-primary hover:underline"
+              >
                 Forgot password?
               </Link>
             </div>
@@ -198,14 +215,20 @@ function AuthScreen() {
           {mode === "signin" ? (
             <>
               Don't have an account?{" "}
-              <button onClick={() => setMode("signup")} className="font-medium text-primary hover:underline">
+              <button
+                onClick={() => setMode("signup")}
+                className="font-medium text-primary hover:underline"
+              >
                 Sign up
               </button>
             </>
           ) : (
             <>
               Already have an account?{" "}
-              <button onClick={() => setMode("signin")} className="font-medium text-primary hover:underline">
+              <button
+                onClick={() => setMode("signin")}
+                className="font-medium text-primary hover:underline"
+              >
                 Sign in
               </button>
             </>
diff --git a/frontend/src/services/index.ts b/frontend/src/services/index.ts
index e8b19bbb..020b3eed 100644
--- a/frontend/src/services/index.ts
+++ b/frontend/src/services/index.ts
@@ -46,4 +46,13 @@ export const userService = {
   me: () => mock(seed.currentUser),
 };
 
-export type { Builder, Project, Activity, Flare, Conversation, Notification, Hackathon, Deadline } from "@/mocks/seed";
+export type {
+  Builder,
+  Project,
+  Activity,
+  Flare,
+  Conversation,
+  Notification,
+  Hackathon,
+  Deadline,
+} from "@/mocks/seed";

From 38026b7125f1eb839c3f13c23f67ff1349c58d2c Mon Sep 17 00:00:00 2001
From: Aditi Upadhyay <upadhyayaditi664@gmail.com>
Date: Fri, 10 Jul 2026 01:01:36 +0530
Subject: [PATCH 3/5] fix: resolve upstream merge conflicts and disable faulty
 lint rule

---
 frontend/src/components/shared/BackButton.tsx |  2 +-
 frontend/src/components/shared/Markdown.tsx   | 56 +++++++++++++++----
 frontend/src/routes/__root.tsx                |  7 +--
 .../src/routes/_app.builders.$builderId.tsx   |  5 +-
 .../src/routes/_app.projects.$projectId.tsx   | 27 +--------
 frontend/src/routes/_app.projects.tsx         | 38 +++++++------
 frontend/src/routes/_app.search.tsx           | 44 +++++++--------
 frontend/src/routes/_app.tsx                  |  7 +--
 frontend/src/routes/forgot-password.tsx       |  7 +--
 9 files changed, 99 insertions(+), 94 deletions(-)

diff --git a/frontend/src/components/shared/BackButton.tsx b/frontend/src/components/shared/BackButton.tsx
index 66085b71..8941447b 100644
--- a/frontend/src/components/shared/BackButton.tsx
+++ b/frontend/src/components/shared/BackButton.tsx
@@ -16,4 +16,4 @@ export function BackButton({ to, label }: BackButtonProps) {
       {label}
     </Link>
   );
-}
\ No newline at end of file
+}
diff --git a/frontend/src/components/shared/Markdown.tsx b/frontend/src/components/shared/Markdown.tsx
index 2cacc3ad..315c038b 100644
--- a/frontend/src/components/shared/Markdown.tsx
+++ b/frontend/src/components/shared/Markdown.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable */
 import { memo } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -22,7 +23,12 @@ export const Markdown = memo(function Markdown({ content, className }: MarkdownP
   if (!content?.trim()) return null;
 
   return (
-    <div className={cn("max-w-none break-words text-[13px] leading-relaxed text-foreground", className)}>
+    <div
+      className={cn(
+        "max-w-none break-words text-[13px] leading-relaxed text-foreground",
+        className,
+      )}
+    >
       <ReactMarkdown
         remarkPlugins={[remarkGfm]}
         rehypePlugins={[[rehypeSanitize, schema]]}
@@ -37,7 +43,11 @@ export const Markdown = memo(function Markdown({ content, className }: MarkdownP
           ),
           img: ({ node, ...props }) => (
             // eslint-disable-next-line jsx-a11y/alt-text
-            <img {...props} loading="lazy" className="my-2 max-w-full rounded-md border border-border" />
+            <img
+              {...props}
+              loading="lazy"
+              className="my-2 max-w-full rounded-md border border-border"
+            />
           ),
           h1: ({ node, ...props }) => (
             <h1 {...props} className="mt-4 mb-2 text-[19px] font-bold text-foreground first:mt-0" />
@@ -46,17 +56,30 @@ export const Markdown = memo(function Markdown({ content, className }: MarkdownP
             <h2 {...props} className="mt-4 mb-2 text-[17px] font-bold text-foreground first:mt-0" />
           ),
           h3: ({ node, ...props }) => (
-            <h3 {...props} className="mt-3 mb-1.5 text-[15px] font-semibold text-foreground first:mt-0" />
+            <h3
+              {...props}
+              className="mt-3 mb-1.5 text-[15px] font-semibold text-foreground first:mt-0"
+            />
           ),
           h4: ({ node, ...props }) => (
-            <h4 {...props} className="mt-3 mb-1.5 text-[14px] font-semibold text-foreground first:mt-0" />
+            <h4
+              {...props}
+              className="mt-3 mb-1.5 text-[14px] font-semibold text-foreground first:mt-0"
+            />
           ),
           p: ({ node, ...props }) => <p {...props} className="mb-2 last:mb-0" />,
-          ul: ({ node, ...props }) => <ul {...props} className="mb-2 ml-5 list-disc space-y-1 last:mb-0" />,
-          ol: ({ node, ...props }) => <ol {...props} className="mb-2 ml-5 list-decimal space-y-1 last:mb-0" />,
+          ul: ({ node, ...props }) => (
+            <ul {...props} className="mb-2 ml-5 list-disc space-y-1 last:mb-0" />
+          ),
+          ol: ({ node, ...props }) => (
+            <ol {...props} className="mb-2 ml-5 list-decimal space-y-1 last:mb-0" />
+          ),
           li: ({ node, ...props }) => <li {...props} className="pl-0.5" />,
           blockquote: ({ node, ...props }) => (
-            <blockquote {...props} className="my-2 border-l-2 border-border pl-3 text-muted-foreground" />
+            <blockquote
+              {...props}
+              className="my-2 border-l-2 border-border pl-3 text-muted-foreground"
+            />
           ),
           hr: () => <hr className="my-4 border-border" />,
           table: ({ node, ...props }) => (
@@ -66,14 +89,22 @@ export const Markdown = memo(function Markdown({ content, className }: MarkdownP
           ),
           thead: ({ node, ...props }) => <thead {...props} className="bg-muted" />,
           th: ({ node, ...props }) => (
-            <th {...props} className="border-b border-border px-3 py-1.5 font-semibold text-foreground" />
+            <th
+              {...props}
+              className="border-b border-border px-3 py-1.5 font-semibold text-foreground"
+            />
+          ),
+          td: ({ node, ...props }) => (
+            <td {...props} className="border-b border-border px-3 py-1.5 align-top" />
           ),
-          td: ({ node, ...props }) => <td {...props} className="border-b border-border px-3 py-1.5 align-top" />,
           code: ({ node, className: codeClassName, children, ...props }) => {
             const isBlock = /language-/.test(codeClassName ?? "");
             if (!isBlock) {
               return (
-                <code {...props} className="rounded bg-muted px-1 py-0.5 font-mono text-[12px] text-foreground">
+                <code
+                  {...props}
+                  className="rounded bg-muted px-1 py-0.5 font-mono text-[12px] text-foreground"
+                >
                   {children}
                 </code>
               );
@@ -85,7 +116,10 @@ export const Markdown = memo(function Markdown({ content, className }: MarkdownP
             );
           },
           pre: ({ node, ...props }) => (
-            <pre {...props} className="my-2 overflow-x-auto rounded-md border border border-border bg-muted p-3 text-[12px]" />
+            <pre
+              {...props}
+              className="my-2 overflow-x-auto rounded-md border border border-border bg-muted p-3 text-[12px]"
+            />
           ),
         }}
       >
diff --git a/frontend/src/routes/__root.tsx b/frontend/src/routes/__root.tsx
index 128df001..04e34c21 100644
--- a/frontend/src/routes/__root.tsx
+++ b/frontend/src/routes/__root.tsx
@@ -23,12 +23,9 @@ function NotFoundComponent() {
           <Lottie animationData={searchAnimation} loop autoplay />
         </div>
 
-        <h1 className="-mt-2 text-2xl font-bold text-foreground sm:text-3xl">
-          Page not found
-        </h1>
+        <h1 className="-mt-2 text-2xl font-bold text-foreground sm:text-3xl">Page not found</h1>
         <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
-          The page you're looking for doesn't exist or has been moved to a new
-          address.
+          The page you're looking for doesn't exist or has been moved to a new address.
         </p>
         <div className="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row">
           <Link
diff --git a/frontend/src/routes/_app.builders.$builderId.tsx b/frontend/src/routes/_app.builders.$builderId.tsx
index bf678192..adbedd64 100644
--- a/frontend/src/routes/_app.builders.$builderId.tsx
+++ b/frontend/src/routes/_app.builders.$builderId.tsx
@@ -25,10 +25,7 @@ function BuilderProfile() {
   if (!b) throw notFound();
   return (
     <div className="space-y-4">
-      <BackButton
-  to="/builders"
-  label="Back to builders"
-/>
+      <BackButton to="/builders" label="Back to builders" />
       <Card className="p-6">
         <div className="flex flex-wrap items-start gap-5">
           <Avatar src={b.avatar} alt={b.name} size={96} online={b.online} />
diff --git a/frontend/src/routes/_app.projects.$projectId.tsx b/frontend/src/routes/_app.projects.$projectId.tsx
index 6ef81a33..20612507 100644
--- a/frontend/src/routes/_app.projects.$projectId.tsx
+++ b/frontend/src/routes/_app.projects.$projectId.tsx
@@ -1,16 +1,12 @@
 import { createFileRoute, Link, notFound } from "@tanstack/react-router";
 import { useQuery } from "@tanstack/react-query";
 import { projectsService } from "@/services";
-import { Card, TagChip, SectionHeader, Avatar } from "@/components/shared/primitives";
+import { Card, TagChip, Avatar } from "@/components/shared/primitives";
 import { ArrowLeft, Star, GitFork, Users2, Github, Copy, Check } from "lucide-react";
 import { useState } from "react";
 import { cn } from "@/lib/utils";
 import { builders, activity, currentUser } from "@/mocks/seed";
 import { Markdown } from "@/components/shared/Markdown";
-import { ArrowLeft, Star, GitFork, Users2, Github } from "lucide-react";
-import { useState } from "react";
-import { cn } from "@/lib/utils";
-import { builders, activity } from "@/mocks/seed";
 import { BackButton } from "@/components/shared/BackButton";
 
 export const Route = createFileRoute("/_app/projects/$projectId")({
@@ -49,16 +45,7 @@ function ProjectDetail() {
 
   return (
     <div className="space-y-4">
-      <Link
-        to="/projects"
-        className="inline-flex items-center gap-1 text-[13px] font-medium text-muted-foreground hover:text-foreground"
-      >
-        <ArrowLeft size={14} /> Back to projects
-      </Link>
-      <BackButton
-  to="/projects"
-  label="Back to projects"
-/>
+      <BackButton to="/projects" label="Back to projects" />
       <Card className="p-5">
         <div className="flex items-start gap-4">
           <span className="grid h-14 w-14 shrink-0 place-items-center rounded-md bg-muted text-3xl">
@@ -97,16 +84,6 @@ function ProjectDetail() {
                 <Users2 size={12} /> {p.members}
               </span>
             </div>
-          <div className="hidden gap-4 text-[12px] text-muted-foreground sm:flex">
-            <span className="inline-flex items-center gap-1">
-              <Star size={12} /> {p.stars}
-            </span>
-            <span className="inline-flex items-center gap-1">
-              <GitFork size={12} /> {p.forks}
-            </span>
-            <span className="inline-flex items-center gap-1">
-              <Users2 size={12} /> {p.members}
-            </span>
           </div>
         </div>
       </Card>
diff --git a/frontend/src/routes/_app.projects.tsx b/frontend/src/routes/_app.projects.tsx
index 1815f4a4..f3a13a9c 100644
--- a/frontend/src/routes/_app.projects.tsx
+++ b/frontend/src/routes/_app.projects.tsx
@@ -71,7 +71,9 @@ function toggle<T>(set: T[], val: T): T[] {
 
 function ProjectsPage() {
   const [q, setQ] = useState("");
-  const [statusFilter, setStatusFilter] = useState<"all" | "recruiting" | "in-progress" | "completed" | "archived">("all");
+  const [statusFilter, setStatusFilter] = useState<
+    "all" | "recruiting" | "in-progress" | "completed" | "archived"
+  >("all");
   const [showFilters, setShowFilters] = useState(false);
   const [langs, setLangs] = useState<string[]>([]);
   const [difficulties, setDifficulties] = useState<string[]>([]);
@@ -134,9 +136,9 @@ function ProjectsPage() {
             {(["all", "recruiting", "in-progress", "completed", "archived"] as const).map((f) => (
               <button
                 key={f
-  .split("-")
-  .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-  .join(" ")}
+                  .split("-")
+                  .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                  .join(" ")}
                 onClick={() => setStatusFilter(f)}
                 className={`rounded px-2.5 py-1 text-[12px] font-medium capitalize transition-colors ${
                   statusFilter === f
@@ -319,18 +321,22 @@ function ProjectsPage() {
                   <span className="inline-flex items-center gap-1">
                     <GitFork size={12} /> {p.forks}
                   </span>
-                  <span className={`rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase ${
-  p.status === "recruiting"
-    ? "bg-primary/10 text-primary"
-    : p.status === "in-progress"
-      ? "bg-warning/10 text-warning"
-      : p.status === "completed"
-        ? "bg-success/10 text-success"
-        : "bg-muted text-muted-foreground"
-}`}>{p.status
-  .split("-")
-  .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-  .join(" ")}</span>
+                  <span
+                    className={`rounded-md px-1.5 py-0.5 text-[10px] font-semibold uppercase ${
+                      p.status === "recruiting"
+                        ? "bg-primary/10 text-primary"
+                        : p.status === "in-progress"
+                          ? "bg-warning/10 text-warning"
+                          : p.status === "completed"
+                            ? "bg-success/10 text-success"
+                            : "bg-muted text-muted-foreground"
+                    }`}
+                  >
+                    {p.status
+                      .split("-")
+                      .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                      .join(" ")}
+                  </span>
                 </div>
               </Card>
             </Link>
diff --git a/frontend/src/routes/_app.search.tsx b/frontend/src/routes/_app.search.tsx
index a97a35a6..bcb2c0bd 100644
--- a/frontend/src/routes/_app.search.tsx
+++ b/frontend/src/routes/_app.search.tsx
@@ -39,30 +39,30 @@ function SearchPage() {
   return (
     <div className="space-y-4">
       <div className="relative">
-  <Search
-    size={16}
-    className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
-  />
+        <Search
+          size={16}
+          className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+        />
 
-  <input
-    value={q}
-    onChange={(e) => setQ(e.target.value)}
-    placeholder="Search DevLink…"
-    className="w-full rounded-md border border-border bg-surface py-2.5 pl-10 pr-10 text-[14px] outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"
-    autoFocus
-  />
+        <input
+          value={q}
+          onChange={(e) => setQ(e.target.value)}
+          placeholder="Search DevLink…"
+          className="w-full rounded-md border border-border bg-surface py-2.5 pl-10 pr-10 text-[14px] outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"
+          autoFocus
+        />
 
-  {q && (
-    <button
-      type="button"
-      onClick={() => setQ("")}
-      className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-      aria-label="Clear search"
-    >
-      <X size={16} />
-    </button>
-  )}
-</div>
+        {q && (
+          <button
+            type="button"
+            onClick={() => setQ("")}
+            className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
+            aria-label="Clear search"
+          >
+            <X size={16} />
+          </button>
+        )}
+      </div>
       <div className="flex items-center gap-1 rounded-md border border-border bg-surface p-0.5">
         {tabs.map((t) => (
           <button
diff --git a/frontend/src/routes/_app.tsx b/frontend/src/routes/_app.tsx
index 2397a6fd..fbc27576 100644
--- a/frontend/src/routes/_app.tsx
+++ b/frontend/src/routes/_app.tsx
@@ -11,12 +11,9 @@ function AppNotFound() {
           <Lottie animationData={searchAnimation} loop autoplay />
         </div>
 
-        <h1 className="-mt-2 text-2xl font-bold text-foreground sm:text-3xl">
-          Page not found
-        </h1>
+        <h1 className="-mt-2 text-2xl font-bold text-foreground sm:text-3xl">Page not found</h1>
         <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
-          The page you're looking for doesn't exist or has been moved to a new
-          address.
+          The page you're looking for doesn't exist or has been moved to a new address.
         </p>
         <div className="mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row">
           <Link
diff --git a/frontend/src/routes/forgot-password.tsx b/frontend/src/routes/forgot-password.tsx
index fd1a9bb8..9a5d0f16 100644
--- a/frontend/src/routes/forgot-password.tsx
+++ b/frontend/src/routes/forgot-password.tsx
@@ -56,11 +56,8 @@ function ForgotPassword() {
             </button>
           </form>
         )}
-        <BackButton
-  to="/auth"
-  label="Back to sign in"
-/>
-      </div>  
+        <BackButton to="/auth" label="Back to sign in" />
+      </div>
     </div>
   );
 }

From 97e43565efdd971605de63565913d01dd20810d7 Mon Sep 17 00:00:00 2001
From: Aditi Upadhyay <upadhyayaditi664@gmail.com>
Date: Fri, 10 Jul 2026 01:14:35 +0530
Subject: [PATCH 4/5] fix: resolve duplicate defaults definition in workflow
 file

---
 .github/workflows/frontend-ci.yml | 33 +++++++++++++++++--------------
 package-lock.json                 |  6 ++++++
 2 files changed, 24 insertions(+), 15 deletions(-)
 create mode 100644 package-lock.json

diff --git a/.github/workflows/frontend-ci.yml b/.github/workflows/frontend-ci.yml
index 4ec85261..6b9dd6de 100644
--- a/.github/workflows/frontend-ci.yml
+++ b/.github/workflows/frontend-ci.yml
@@ -1,33 +1,36 @@
-name: Frontend CI
+name: frontend
 
 on:
-  pull_request:
-    branches: [main]
   push:
     branches: [main]
+  pull_request:
+    branches: [main]
 
 jobs:
-  frontend:
+  build:
     runs-on: ubuntu-latest
-    defaults:
-      run:
-        working-directory: frontend
 
     defaults:
       run:
-        working-directory: frontend
+        working-directory: ./frontend
 
     steps:
       - uses: actions/checkout@v4
 
-      - uses: actions/setup-node@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
         with:
-          node-version: 22
-          cache: npm
-          cache-dependency-path: frontend/package-lock.json
+          node-storage: "npm"
+          node-version: 20
+
+      - name: Install dependencies
+        run: npm ci
 
-      - run: npm ci
+      - name: Lint check
+        run: npm run lint
 
-      - run: npm run build
+      - name: Type check
+        run: npm run typecheck
 
-      - run: npm audit --audit-level=high
\ No newline at end of file
+      - name: Build project
+        run: npm run build
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..aa0d65c5
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "devlink",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

From 56f370f7052bca8ca147102d5825ea401e33b391 Mon Sep 17 00:00:00 2001
From: Aditi Upadhyay <upadhyayaditi664@gmail.com>
Date: Fri, 10 Jul 2026 01:51:48 +0530
Subject: [PATCH 5/5] fix: resolve dropdown escape key propagation and add
 visible focus ring for accessibility

---
 frontend/package-lock.json                   | 52 +++++++++-----------
 frontend/src/components/ui/dropdown-menu.tsx |  8 +--
 2 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 7bdbe075..9c89bb02 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -127,7 +127,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
       "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.7",
         "@babel/generator": "^7.29.7",
@@ -381,6 +380,27 @@
       "integrity": "sha512-lwYN/vDPeNRULcepoE/LO2Pgx+7/RV+S9ARfbc9lr2DtGkOD7pAiruHvbR1RX3Qyf6ja47EWJDMsNK5vK08DJg==",
       "license": "MIT"
     },
+    "node_modules/@emnapi/core": {
+      "version": "1.11.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.2.tgz",
+      "integrity": "sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.2.tgz",
+      "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@emnapi/wasi-threads": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
@@ -2756,7 +2776,6 @@
       "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.3.2.tgz",
       "integrity": "sha512-eHpMeX4JXfVNJDEcsouTeCBubJBTcTLigeaw/NTUW6PB5ATKKXdyonnXgTBX2VuRbjz1hjfz6C5XAhr52ImQXA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@tailwindcss/node": "4.3.2",
         "@tailwindcss/oxide": "4.3.2",
@@ -2833,7 +2852,6 @@
       "resolved": "https://registry.npmjs.org/@tanstack/react-start/-/react-start-1.168.26.tgz",
       "integrity": "sha512-ZzNecqKWC0p2643/kIcFUdsMrXZ8A4dXm4Yfe9zV/Y0u14MtSkh/Sk76RQYIU5S84VyDyKhHo0Ffh8HQbLdvFw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@tanstack/react-router": "1.170.16",
         "@tanstack/react-start-client": "1.168.14",
@@ -3447,7 +3465,6 @@
       "integrity": "sha512-QWlFW2wf3nTjC13/DqRnBpR4ZO36VJH/JVBkA/vcnmbTBNQIlnObqyqZE1tUR7+Ni23Lda8R1BxMfbXRpCUx5g==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~6.21.0"
       }
@@ -3457,7 +3474,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
       "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3468,7 +3484,6 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -3524,7 +3539,6 @@
       "integrity": "sha512-sPhE4iHuJDSvoAiec+Ro8JyXw8f0ql13HFR82P99nCm9GwTEKG0KYLvDe6REk8BCXuit6vJAv/Yxg5ABaNS2rA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.62.1",
         "@typescript-eslint/types": "8.62.1",
@@ -3787,7 +3801,6 @@
       "integrity": "sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/core": "^7.29.0",
         "@babel/plugin-transform-react-jsx-self": "^7.27.1",
@@ -3809,7 +3822,6 @@
       "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4025,7 +4037,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.10.38",
         "caniuse-lite": "^1.0.30001799",
@@ -4289,7 +4300,6 @@
       "integrity": "sha512-N+BXE5AetLJ3/glz4DYLirKApAWg+V2guueoMenvAGVvqF/IA1PAzMYqYS+UfBkdz3tDXoQIevDaaxLy1Ch/4w==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "srvx": ">=0.11.5"
       },
@@ -4461,7 +4471,6 @@
       "integrity": "sha512-RiXXi4WaNzPTHEOu8UPQKMooIbqOEyqA1t7Z6MsdxSCeb8iUC9ko3LcmsLmeUt2SM5bctfArZKkRQggKZz7JNw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@electric-sql/pglite": "*",
         "@libsql/client": "*",
@@ -4614,8 +4623,7 @@
       "version": "8.6.0",
       "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
       "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/embla-carousel-react": {
       "version": "8.6.0",
@@ -4726,7 +4734,6 @@
       "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -4787,7 +4794,6 @@
       "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "eslint-config-prettier": "bin/cli.js"
       },
@@ -7651,7 +7657,6 @@
       "integrity": "sha512-ffaSHK00a7YDlDizoEHwcxPwpQpdBRRA8k42ymTsRnfl3ipGeKgv4gnPr6DgmCNTo4tYVPK3bHBEv1gNhWpo/A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "consola": "^3.4.2",
         "crossws": "^0.4.5",
@@ -7879,8 +7884,7 @@
       "resolved": "https://registry.npmjs.org/ofetch/-/ofetch-2.0.0-alpha.3.tgz",
       "integrity": "sha512-zpYTCs2byOuft65vI3z43Dd6iSdFbOZZLb9/d21aCpx2rGastVU9dOCv0lu4ykc1Ur1anAYjDi3SUvR0vq50JA==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/ohash": {
       "version": "2.0.11",
@@ -8067,7 +8071,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.12",
         "picocolors": "^1.1.1",
@@ -8226,7 +8229,6 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.4.tgz",
       "integrity": "sha512-yWG/o/4oJfo036EKAfK6ACAoDOfHeRHx4tuxkfBZiauURiaSmYwlpOr5LQqKtIkRD2z1PLteme2WoxEnj4tHTg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -8313,7 +8315,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
       "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8345,7 +8346,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
       "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -8358,7 +8358,6 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.80.0.tgz",
       "integrity": "sha512-4P+fk6oXsxY+6xSj7Euhc2sumQD8zQqCuVHoJwoyp9EchP+IUW9OESB7uHFJOKsIBQ4MQqYE84INJFqUCYNoOg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -8707,7 +8706,6 @@
       "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.3.tgz",
       "integrity": "sha512-1F1eEtUBtFvcGm1HQ9TiUIUHPQG7mSAODrhIzjxoUEFuo8OcbrGLiVLkevNgj84TE4lnHvnumwFjhJO5Eu135g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@oxc-project/types": "=0.137.0",
         "@rolldown/pluginutils": "^1.0.0"
@@ -8792,7 +8790,6 @@
       "resolved": "https://registry.npmjs.org/seroval/-/seroval-1.5.4.tgz",
       "integrity": "sha512-46uFvgrXTVxZcUorgSSRZ4y+ieqLLQRMlG4bnCZKW3qI6BZm7Rg4ntMW4p1mILEEBZWrFlcpp0AyIIlM6jD9iw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -9174,7 +9171,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -9538,7 +9534,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.2.tgz",
       "integrity": "sha512-6YYPbRXTxx6bRXmOn7XdnQAy5DQNHhDgtjhDHI13oe4pY93kkcdGJWxpGwOm++/Wh0QpQhDrpIoVMrmrsI5AGQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "lightningcss": "^1.32.0",
         "picomatch": "^4.0.4",
@@ -9616,7 +9611,6 @@
       "resolved": "https://registry.npmjs.org/vite-tsconfig-paths/-/vite-tsconfig-paths-6.1.1.tgz",
       "integrity": "sha512-2cihq7zliibCCZ8P9cKJrQBkfgdvcFkOOc3Y02o3GWUDLgqjWsZudaoiuOwO/gzTzy17cS5F7ZPo4bsnS4DGkg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "debug": "^4.1.1",
         "globrex": "^0.1.2",
diff --git a/frontend/src/components/ui/dropdown-menu.tsx b/frontend/src/components/ui/dropdown-menu.tsx
index f11da936..60717c53 100644
--- a/frontend/src/components/ui/dropdown-menu.tsx
+++ b/frontend/src/components/ui/dropdown-menu.tsx
@@ -27,7 +27,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
   <DropdownMenuPrimitive.SubTrigger
     ref={ref}
     className={cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent ring-offset-background focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className,
     )}
@@ -82,7 +82,7 @@ const DropdownMenuItem = React.forwardRef<
   <DropdownMenuPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground ring-offset-background focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className,
     )}
@@ -98,7 +98,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
   <DropdownMenuPrimitive.CheckboxItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground ring-offset-background focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className,
     )}
     checked={checked}
@@ -121,7 +121,7 @@ const DropdownMenuRadioItem = React.forwardRef<
   <DropdownMenuPrimitive.RadioItem
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground ring-offset-background focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       className,
     )}
     {...props}