diff --git a/api/achievements/activate.ts b/api/achievements/activate.ts
index b483f811..e52c6500 100644
--- a/api/achievements/activate.ts
+++ b/api/achievements/activate.ts
@@ -48,10 +48,7 @@ const CORE_ACHIEVEMENTS = [
 const DEFAULT_TARGET_EMAIL = "mrpiglr@gmail.com";
 const DEFAULT_TARGET_USERNAME = "mrpiglr";
 
-export default async function handler(
-  req: VercelRequest,
-  res: VercelResponse,
-) {
+export default async function handler(req: VercelRequest, res: VercelResponse) {
   if (req.method !== "POST") {
     return res.status(405).json({ error: "Method not allowed" });
   }
@@ -68,20 +65,18 @@ export default async function handler(
     // Ensure core achievements exist
     const achievementResults = await Promise.all(
       CORE_ACHIEVEMENTS.map(async (achievement) => {
-        const { error } = await admin
-          .from("achievements")
-          .upsert(
-            {
-              id: achievement.id,
-              name: achievement.name,
-              description: achievement.description,
-              icon: achievement.icon,
-              badge_color: achievement.badgeColor,
-              xp_reward: achievement.xpReward,
-              created_at: nowIso,
-            },
-            { onConflict: "id" },
-          );
+        const { error } = await admin.from("achievements").upsert(
+          {
+            id: achievement.id,
+            name: achievement.name,
+            description: achievement.description,
+            icon: achievement.icon,
+            badge_color: achievement.badgeColor,
+            xp_reward: achievement.xpReward,
+            created_at: nowIso,
+          },
+          { onConflict: "id" },
+        );
 
         if (error) {
           throw error;
@@ -92,14 +87,8 @@ export default async function handler(
 
     // Normalise profile progression defaults
     await Promise.all([
-      admin
-        .from("user_profiles")
-        .update({ level: 1 })
-        .is("level", null),
-      admin
-        .from("user_profiles")
-        .update({ total_xp: 0 })
-        .is("total_xp", null),
+      admin.from("user_profiles").update({ level: 1 }).is("level", null),
+      admin.from("user_profiles").update({ total_xp: 0 }).is("total_xp", null),
       admin
         .from("user_profiles")
         .update({ user_type: "game_developer" })
@@ -108,7 +97,9 @@ export default async function handler(
 
     // Locate target user
     const normalizedEmail = (targetEmail || DEFAULT_TARGET_EMAIL).toLowerCase();
-    const normalizedUsername = (targetUsername || DEFAULT_TARGET_USERNAME).toLowerCase();
+    const normalizedUsername = (
+      targetUsername || DEFAULT_TARGET_USERNAME
+    ).toLowerCase();
 
     let targetUserId: string | null = null;
 
@@ -171,7 +162,9 @@ export default async function handler(
         throw existingError;
       }
 
-      const existingIds = new Set((existingRows ?? []).map((row: any) => row.achievement_id));
+      const existingIds = new Set(
+        (existingRows ?? []).map((row: any) => row.achievement_id),
+      );
 
       for (const achievement of CORE_ACHIEVEMENTS) {
         if (existingIds.has(achievement.id)) {
diff --git a/client/App.tsx b/client/App.tsx
index 381a74b1..5977f666 100644
--- a/client/App.tsx
+++ b/client/App.tsx
@@ -67,12 +67,18 @@ const App = () => (
               <Route path="/profile/me" element={<Profile />} />
 
               <Route path="/developers" element={<DevelopersDirectory />} />
-              <Route path="/developers/me" element={<LegacyPassportRedirect />} />
+              <Route
+                path="/developers/me"
+                element={<LegacyPassportRedirect />}
+              />
               <Route
                 path="/developers/:id"
                 element={<LegacyPassportRedirect />}
               />
-              <Route path="/profiles" element={<Navigate to="/developers" replace />} />
+              <Route
+                path="/profiles"
+                element={<Navigate to="/developers" replace />}
+              />
               <Route path="/profiles/me" element={<LegacyPassportRedirect />} />
               <Route
                 path="/profiles/:id"
diff --git a/client/components/passport/PassportSummary.tsx b/client/components/passport/PassportSummary.tsx
index d7bdd8cc..46fa31ff 100644
--- a/client/components/passport/PassportSummary.tsx
+++ b/client/components/passport/PassportSummary.tsx
@@ -150,10 +150,14 @@ const PassportSummary = ({
         <div className="w-full max-w-xs space-y-3 rounded-xl bg-slate-900/60 p-4 border border-slate-800">
           <div className="flex items-center justify-between text-slate-200">
             <span className="text-sm font-medium uppercase tracking-wider">
-              {isLegendary ? "Legendary Status" : `Progress to Level ${level + 1}`}
+              {isLegendary
+                ? "Legendary Status"
+                : `Progress to Level ${level + 1}`}
             </span>
             <span className="text-sm text-slate-300">
-              {isLegendary ? "MAX" : `${(progressToNextLevel || 0).toFixed(0)}%`}
+              {isLegendary
+                ? "MAX"
+                : `${(progressToNextLevel || 0).toFixed(0)}%`}
             </span>
           </div>
           <Progress value={progressToNextLevel} className="h-2" />
diff --git a/client/lib/aethex-database-adapter.ts b/client/lib/aethex-database-adapter.ts
index 2573a0ac..5309c114 100644
--- a/client/lib/aethex-database-adapter.ts
+++ b/client/lib/aethex-database-adapter.ts
@@ -34,7 +34,9 @@ const ensureSupabase = () => {
 const MS_PER_DAY = 1000 * 60 * 60 * 24;
 
 const startOfUTC = (date: Date) =>
-  new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()));
+  new Date(
+    Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()),
+  );
 
 const isoDate = (date: Date) => date.toISOString().slice(0, 10);
 
@@ -50,14 +52,14 @@ const normalizeProfile = (
 ): AethexUserProfile => ({
   ...(row as AethexUserProfile),
   email: email ?? (row as any)?.email,
-  username:
-    (row as any)?.username ?? email?.split("@")[0] ?? "user",
+  username: (row as any)?.username ?? email?.split("@")[0] ?? "user",
   onboarded: true,
   role: (row as any)?.role ?? "developer",
   loyalty_points: (row as any)?.loyalty_points ?? 0,
   current_streak: (row as any)?.current_streak ?? 0,
   longest_streak:
-    (row as any)?.longest_streak ?? Math.max((row as any)?.current_streak ?? 0, 0),
+    (row as any)?.longest_streak ??
+    Math.max((row as any)?.current_streak ?? 0, 0),
   last_streak_at: (row as any)?.last_streak_at ?? null,
 });
 
@@ -302,16 +304,15 @@ export const aethexUserService = {
     return normalizeProfile(data);
   },
 
-  async getProfileByUsername(username: string): Promise<AethexUserProfile | null> {
+  async getProfileByUsername(
+    username: string,
+  ): Promise<AethexUserProfile | null> {
     const normalized = username?.trim();
     if (!normalized) return null;
 
     ensureSupabase();
 
-    const {
-      data,
-      error,
-    } = await supabase
+    const { data, error } = await supabase
       .from("user_profiles")
       .select("*")
       .eq("username", normalized)
@@ -332,10 +333,7 @@ export const aethexUserService = {
       return normalizeProfile(data);
     }
 
-    const {
-      data: fallback,
-      error: fallbackError,
-    } = await supabase
+    const { data: fallback, error: fallbackError } = await supabase
       .from("user_profiles")
       .select("*")
       .ilike("username", normalized)
@@ -379,13 +377,11 @@ export const aethexUserService = {
     }
 
     return ((data as any[]) || []).map((row) =>
-      normalizeProfile(
-        {
-          ...(row as AethexUserProfile),
-          user_type: (row as any).user_type || "game_developer",
-          experience_level: (row as any).experience_level || "beginner",
-        },
-      ),
+      normalizeProfile({
+        ...(row as AethexUserProfile),
+        user_type: (row as any).user_type || "game_developer",
+        experience_level: (row as any).experience_level || "beginner",
+      }),
     );
   },
 
@@ -693,7 +689,10 @@ export const aethexAchievementService = {
     }
   },
 
-  async updateUserXPAndLevel(userId: string, xpGained: number | null = null): Promise<void> {
+  async updateUserXPAndLevel(
+    userId: string,
+    xpGained: number | null = null,
+  ): Promise<void> {
     ensureSupabase();
 
     const { data: profile, error } = await supabase
@@ -719,7 +718,8 @@ export const aethexAchievementService = {
     const updates: Record<string, number> = {};
     if ("total_xp" in currentProfile) updates.total_xp = newTotalXP;
     if ("level" in currentProfile) updates.level = newLevel;
-    if ("loyalty_points" in currentProfile) updates.loyalty_points = newLoyaltyPoints;
+    if ("loyalty_points" in currentProfile)
+      updates.loyalty_points = newLoyaltyPoints;
 
     if (Object.keys(updates).length > 0) {
       const { error: updateError } = await supabase
@@ -748,11 +748,16 @@ export const aethexAchievementService = {
         return;
       }
     } catch (error) {
-      console.warn("Edge function award failed, attempting direct Supabase insert", error);
+      console.warn(
+        "Edge function award failed, attempting direct Supabase insert",
+        error,
+      );
     }
 
     const achievements = await this.getAllAchievements();
-    const byName = new Map(achievements.map((item) => [item.name, item.id] as const));
+    const byName = new Map(
+      achievements.map((item) => [item.name, item.id] as const),
+    );
     const names = ["Welcome to AeThex", "AeThex Explorer"];
 
     for (const name of names) {
diff --git a/client/lib/onboarding.integration.spec.ts b/client/lib/onboarding.integration.spec.ts
index dc9649e5..b5abeb9f 100644
--- a/client/lib/onboarding.integration.spec.ts
+++ b/client/lib/onboarding.integration.spec.ts
@@ -36,7 +36,8 @@ const fetchMock = fetch as unknown as Mock;
 
 vi.mock("@/lib/supabase", () => {
   const userProfiles = new Map<string, any>();
-  const userAchievements: Array<{ user_id: string; achievement_id: string }> = [];
+  const userAchievements: Array<{ user_id: string; achievement_id: string }> =
+    [];
 
   const achievementsCatalog = [
     {
@@ -59,8 +60,12 @@ vi.mock("@/lib/supabase", () => {
     },
   ];
 
-  const achievementsById = new Map(achievementsCatalog.map((item) => [item.id, item] as const));
-  const achievementsByName = new Map(achievementsCatalog.map((item) => [item.name, item] as const));
+  const achievementsById = new Map(
+    achievementsCatalog.map((item) => [item.id, item] as const),
+  );
+  const achievementsByName = new Map(
+    achievementsCatalog.map((item) => [item.name, item] as const),
+  );
 
   const profileDefaults = (id: string) => ({
     id,
@@ -201,7 +206,8 @@ vi.mock("@/lib/supabase", () => {
       for (const entry of entries) {
         const exists = userAchievements.some(
           (item) =>
-            item.user_id === entry.user_id && item.achievement_id === entry.achievement_id,
+            item.user_id === entry.user_id &&
+            item.achievement_id === entry.achievement_id,
         );
         if (exists) {
           error = { code: "23505" };
@@ -215,10 +221,12 @@ vi.mock("@/lib/supabase", () => {
       return {
         eq(_column: string, userId: string) {
           return {
-            data: userAchievements.map((entry) => ({
-              ...entry,
-              achievements: achievementsById.get(entry.achievement_id),
-            })).filter((entry) => entry.user_id === userId),
+            data: userAchievements
+              .map((entry) => ({
+                ...entry,
+                achievements: achievementsById.get(entry.achievement_id),
+              }))
+              .filter((entry) => entry.user_id === userId),
             error: null,
           };
         },
@@ -251,9 +259,11 @@ vi.mock("@/lib/supabase", () => {
         }),
       },
       from(table: string) {
-        return tableMap[table] ?? {
-          select: () => ({ data: [], error: null }),
-        };
+        return (
+          tableMap[table] ?? {
+            select: () => ({ data: [], error: null }),
+          }
+        );
       },
       channel: () => ({
         on: () => ({}),
diff --git a/client/pages/Community.tsx b/client/pages/Community.tsx
index 50a1bede..91c86d1c 100644
--- a/client/pages/Community.tsx
+++ b/client/pages/Community.tsx
@@ -24,7 +24,13 @@ import LoadingScreen from "@/components/LoadingScreen";
 import { aethexToast } from "@/lib/aethex-toast";
 import { cn } from "@/lib/utils";
 import { Link } from "react-router-dom";
-import { useCallback, useEffect, useRef, useState, type FormEvent } from "react";
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+  type FormEvent,
+} from "react";
 import {
   AlertTriangle,
   ArrowDown,
@@ -285,14 +291,17 @@ function EventCard({
   };
 
   const statusStyles: Record<EventStatus, string> = {
-    "Registration Open": "bg-gradient-to-r from-emerald-500/20 to-aethex-500/30 text-emerald-200 border border-emerald-400/40",
+    "Registration Open":
+      "bg-gradient-to-r from-emerald-500/20 to-aethex-500/30 text-emerald-200 border border-emerald-400/40",
     Recurring: "bg-blue-500/10 text-blue-200 border border-blue-400/40",
     Upcoming: "bg-orange-500/10 text-orange-200 border border-orange-400/40",
     Waitlist: "bg-amber-500/10 text-amber-200 border border-amber-400/40",
   };
 
   const buttonLabel = isRegistered ? "Manage Registration" : "Register";
-  const submitLabel = isRegistered ? "Update Registration" : "Confirm Registration";
+  const submitLabel = isRegistered
+    ? "Update Registration"
+    : "Confirm Registration";
 
   return (
     <Card
@@ -303,8 +312,15 @@ function EventCard({
         <div className="flex flex-col md:flex-row md:items-start justify-between gap-6">
           <div className="space-y-3">
             <div className="flex flex-wrap items-center gap-2">
-              <h3 className="text-xl font-semibold text-gradient">{event.title}</h3>
-              <Badge className={cn("uppercase tracking-wide", statusStyles[event.status])}>
+              <h3 className="text-xl font-semibold text-gradient">
+                {event.title}
+              </h3>
+              <Badge
+                className={cn(
+                  "uppercase tracking-wide",
+                  statusStyles[event.status],
+                )}
+              >
                 {event.status}
               </Badge>
               {isRegistered && (
@@ -347,7 +363,9 @@ function EventCard({
                 <Button
                   size="sm"
                   variant={isRegistered ? "outline" : "default"}
-                  disabled={!event.registrationEnabled && !event.registrationUrl}
+                  disabled={
+                    !event.registrationEnabled && !event.registrationUrl
+                  }
                 >
                   {buttonLabel}
                 </Button>
@@ -367,7 +385,10 @@ function EventCard({
                       id={`name-${event.id}`}
                       value={form.name}
                       onChange={(eventChange) =>
-                        setForm((prev) => ({ ...prev, name: eventChange.target.value }))
+                        setForm((prev) => ({
+                          ...prev,
+                          name: eventChange.target.value,
+                        }))
                       }
                       placeholder="Enter your name"
                       required
@@ -380,14 +401,19 @@ function EventCard({
                       type="email"
                       value={form.email}
                       onChange={(eventChange) =>
-                        setForm((prev) => ({ ...prev, email: eventChange.target.value }))
+                        setForm((prev) => ({
+                          ...prev,
+                          email: eventChange.target.value,
+                        }))
                       }
                       placeholder="you@example.com"
                       required
                     />
                   </div>
                   <div className="grid gap-2">
-                    <Label htmlFor={`team-${event.id}`}>Team or studio (optional)</Label>
+                    <Label htmlFor={`team-${event.id}`}>
+                      Team or studio (optional)
+                    </Label>
                     <Input
                       id={`team-${event.id}`}
                       value={form.teamName}
@@ -401,7 +427,9 @@ function EventCard({
                     />
                   </div>
                   <div className="grid gap-2">
-                    <Label htmlFor={`notes-${event.id}`}>Notes for the organizers</Label>
+                    <Label htmlFor={`notes-${event.id}`}>
+                      Notes for the organizers
+                    </Label>
                     <Textarea
                       id={`notes-${event.id}`}
                       value={form.message}
@@ -415,11 +443,13 @@ function EventCard({
                       rows={3}
                     />
                   </div>
-                  {error && (
-                    <p className="text-sm text-red-400">{error}</p>
-                  )}
+                  {error && <p className="text-sm text-red-400">{error}</p>}
                   <DialogFooter>
-                    <Button type="submit" disabled={submitting} className="w-full">
+                    <Button
+                      type="submit"
+                      disabled={submitting}
+                      className="w-full"
+                    >
                       {submitting ? (
                         <span className="flex items-center justify-center gap-2">
                           <Loader2 className="h-4 w-4 animate-spin" />
@@ -434,8 +464,17 @@ function EventCard({
               </DialogContent>
             </Dialog>
             {event.registrationUrl && (
-              <Button asChild variant="ghost" size="sm" className="text-muted-foreground hover:text-foreground">
-                <a href={event.registrationUrl} target="_blank" rel="noreferrer">
+              <Button
+                asChild
+                variant="ghost"
+                size="sm"
+                className="text-muted-foreground hover:text-foreground"
+              >
+                <a
+                  href={event.registrationUrl}
+                  target="_blank"
+                  rel="noreferrer"
+                >
                   Event details
                 </a>
               </Button>
@@ -449,7 +488,10 @@ function EventCard({
           </p>
           <ul className="space-y-2">
             {event.agenda.map((item) => (
-              <li key={item} className="flex items-start gap-3 text-sm text-muted-foreground">
+              <li
+                key={item}
+                className="flex items-start gap-3 text-sm text-muted-foreground"
+              >
                 <ArrowRight className="mt-1 h-3.5 w-3.5 text-aethex-400" />
                 <span>{item}</span>
               </li>
@@ -468,16 +510,27 @@ interface SectionHeaderProps {
   align?: "center" | "left";
 }
 
-function SectionHeader({ badge, title, description, align = "center" }: SectionHeaderProps) {
-  const containerClass = align === "center" ? "mx-auto text-center" : "text-left";
+function SectionHeader({
+  badge,
+  title,
+  description,
+  align = "center",
+}: SectionHeaderProps) {
+  const containerClass =
+    align === "center" ? "mx-auto text-center" : "text-left";
   return (
-    <div className={cn("space-y-4 mb-16 animate-slide-up max-w-3xl", containerClass)}>
+    <div
+      className={cn(
+        "space-y-4 mb-16 animate-slide-up max-w-3xl",
+        containerClass,
+      )}
+    >
       {badge && (
         <Badge
           variant="outline"
           className={cn(
             "w-fit border-aethex-400/50 text-aethex-300 bg-aethex-500/10",
-            align === "center" ? "mx-auto" : ""
+            align === "center" ? "mx-auto" : "",
           )}
         >
           {badge}
@@ -496,7 +549,10 @@ interface PollCardProps {
 }
 
 function PollCard({ poll, selectedOption, onSelect }: PollCardProps) {
-  const totalVotes = poll.options.reduce((sum, option) => sum + option.votes, 0);
+  const totalVotes = poll.options.reduce(
+    (sum, option) => sum + option.votes,
+    0,
+  );
 
   return (
     <Card className="border-border/50 hover:border-aethex-400/50 transition-all duration-300 hover-lift">
@@ -511,14 +567,24 @@ function PollCard({ poll, selectedOption, onSelect }: PollCardProps) {
             {poll.closesIn}
           </span>
         </div>
-        <CardTitle className="text-xl text-foreground">{poll.question}</CardTitle>
+        <CardTitle className="text-xl text-foreground">
+          {poll.question}
+        </CardTitle>
       </CardHeader>
       <CardContent className="space-y-4">
         <div className="space-y-3">
           {poll.options.map((option) => {
-            const percentage = totalVotes === 0 ? 0 : Math.round((option.votes / totalVotes) * 100);
+            const percentage =
+              totalVotes === 0
+                ? 0
+                : Math.round((option.votes / totalVotes) * 100);
             const isSelected = selectedOption === option.id;
-            const TrendIcon = option.trend === "up" ? TrendingUp : option.trend === "down" ? ArrowDown : ArrowRight;
+            const TrendIcon =
+              option.trend === "up"
+                ? TrendingUp
+                : option.trend === "down"
+                  ? ArrowDown
+                  : ArrowRight;
 
             return (
               <Button
@@ -529,7 +595,7 @@ function PollCard({ poll, selectedOption, onSelect }: PollCardProps) {
                   "relative w-full justify-between overflow-hidden border border-border/50 bg-background/80 text-left",
                   isSelected
                     ? "bg-gradient-to-r from-aethex-500/20 to-neon-blue/20 border-aethex-400/60"
-                    : "hover:border-aethex-400/40"
+                    : "hover:border-aethex-400/40",
                 )}
                 onClick={() => onSelect(option.id)}
               >
@@ -544,16 +610,17 @@ function PollCard({ poll, selectedOption, onSelect }: PollCardProps) {
                   <TrendIcon className="h-4 w-4" />
                   {option.label}
                 </span>
-                <span className="text-sm font-semibold">
-                  {percentage}%
-                </span>
+                <span className="text-sm font-semibold">{percentage}%</span>
               </Button>
             );
           })}
         </div>
         <div className="flex items-center justify-between text-xs text-muted-foreground">
           <span>{totalVotes} votes recorded</span>
-          <Badge variant="outline" className="flex items-center gap-1 border-aethex-400/40 bg-aethex-500/10 text-aethex-300">
+          <Badge
+            variant="outline"
+            className="flex items-center gap-1 border-aethex-400/40 bg-aethex-500/10 text-aethex-300"
+          >
             <Sparkles className="h-3 w-3" /> Live insight
           </Badge>
         </div>
@@ -565,16 +632,34 @@ function PollCard({ poll, selectedOption, onSelect }: PollCardProps) {
 export default function Community() {
   const [isLoading, setIsLoading] = useState(true);
   const toastShownRef = useRef(false);
-  const [registeredEvents, setRegisteredEvents] = useState<Record<string, EventRegistrationPayload>>({});
+  const [registeredEvents, setRegisteredEvents] = useState<
+    Record<string, EventRegistrationPayload>
+  >({});
   const [polls, setPolls] = useState<CommunityPoll[]>(() => [
     {
       id: "winter-cosmetic",
-      question: "Which cosmetic drop should we fast-track for the winter update?",
+      question:
+        "Which cosmetic drop should we fast-track for the winter update?",
       closesIn: "Closes in 3 days",
       options: [
-        { id: "frostbyte-operative", label: "Frostbyte Operative Skin", votes: 342, trend: "up" },
-        { id: "aurora-trails", label: "Aurora Hover Trails", votes: 287, trend: "steady" },
-        { id: "synthwave-lobby", label: "Synthwave Lobby Music Pack", votes: 198, trend: "down" },
+        {
+          id: "frostbyte-operative",
+          label: "Frostbyte Operative Skin",
+          votes: 342,
+          trend: "up",
+        },
+        {
+          id: "aurora-trails",
+          label: "Aurora Hover Trails",
+          votes: 287,
+          trend: "steady",
+        },
+        {
+          id: "synthwave-lobby",
+          label: "Synthwave Lobby Music Pack",
+          votes: 198,
+          trend: "down",
+        },
       ],
     },
     {
@@ -582,13 +667,30 @@ export default function Community() {
       question: "What should the team prioritise next for the companion app?",
       closesIn: "Closes in 6 days",
       options: [
-        { id: "build-tracker", label: "Squad build tracking & loadouts", votes: 264, trend: "up" },
-        { id: "voice-integrations", label: "Native voice channel integration", votes: 192, trend: "steady" },
-        { id: "marketplace", label: "Creator marketplace beta", votes: 148, trend: "up" },
+        {
+          id: "build-tracker",
+          label: "Squad build tracking & loadouts",
+          votes: 264,
+          trend: "up",
+        },
+        {
+          id: "voice-integrations",
+          label: "Native voice channel integration",
+          votes: 192,
+          trend: "steady",
+        },
+        {
+          id: "marketplace",
+          label: "Creator marketplace beta",
+          votes: 148,
+          trend: "up",
+        },
       ],
     },
   ]);
-  const [pollSelections, setPollSelections] = useState<Record<string, string>>({});
+  const [pollSelections, setPollSelections] = useState<Record<string, string>>(
+    {},
+  );
   const [reportForm, setReportForm] = useState({ reason: "", details: "" });
 
   useEffect(() => {
@@ -725,7 +827,8 @@ export default function Community() {
     {
       id: "strategy-lab",
       name: "Strategy Lab",
-      description: "Break down balance changes and evolving metas with systems designers.",
+      description:
+        "Break down balance changes and evolving metas with systems designers.",
       threads: 182,
       activeToday: 46,
       latestThread: {
@@ -738,7 +841,8 @@ export default function Community() {
     {
       id: "build-clinic",
       name: "Build Clinic",
-      description: "Share pipelines, CI setups, and performance wins with fellow builders.",
+      description:
+        "Share pipelines, CI setups, and performance wins with fellow builders.",
       threads: 241,
       activeToday: 63,
       latestThread: {
@@ -751,7 +855,8 @@ export default function Community() {
     {
       id: "playtest-reports",
       name: "Playtest Reports",
-      description: "Swap qualitative feedback, telemetry, and next-step experiments.",
+      description:
+        "Swap qualitative feedback, telemetry, and next-step experiments.",
       threads: 96,
       activeToday: 22,
       latestThread: {
@@ -767,7 +872,8 @@ export default function Community() {
     {
       id: "bug-reports",
       title: "Bug Reports",
-      description: "Track crashes, blockers, and gameplay issues spotted by players.",
+      description:
+        "Track crashes, blockers, and gameplay issues spotted by players.",
       submissionsThisWeek: 52,
       statuses: [
         { label: "New", count: 7, tone: "warning" },
@@ -780,7 +886,8 @@ export default function Community() {
     {
       id: "balance-insights",
       title: "Balance Insights",
-      description: "Surface tuning feedback for weapons, archetypes, and encounters.",
+      description:
+        "Surface tuning feedback for weapons, archetypes, and encounters.",
       submissionsThisWeek: 38,
       statuses: [
         { label: "In Review", count: 15, tone: "neutral" },
@@ -793,7 +900,8 @@ export default function Community() {
     {
       id: "feature-ideas",
       title: "Ideas & Features",
-      description: "Prioritise new systems, cosmetics, and social tools suggested by the community.",
+      description:
+        "Prioritise new systems, cosmetics, and social tools suggested by the community.",
       submissionsThisWeek: 61,
       statuses: [
         { label: "Ideation", count: 24, tone: "neutral" },
@@ -809,7 +917,8 @@ export default function Community() {
     {
       id: "squad-voice",
       name: "Squad Voice Lounge",
-      description: "Hop into matchmaking-ready rooms with spatial audio support.",
+      description:
+        "Hop into matchmaking-ready rooms with spatial audio support.",
       participants: 640,
       activeNow: 132,
       icon: Headphones,
@@ -836,7 +945,8 @@ export default function Community() {
     {
       id: "portfolio",
       title: "Unified Portfolio",
-      description: "Link GitHub, AeThex achievements, and live builds in one developer profile.",
+      description:
+        "Link GitHub, AeThex achievements, and live builds in one developer profile.",
       metricLabel: "Portfolio views",
       metricValue: "3.2K / wk",
       icon: Layers,
@@ -844,7 +954,8 @@ export default function Community() {
     {
       id: "streaks",
       title: "Contribution Streaks",
-      description: "Track commits, bug reports, and mentoring sessions automatically.",
+      description:
+        "Track commits, bug reports, and mentoring sessions automatically.",
       metricLabel: "Longest streak",
       metricValue: "48 days",
       icon: Sparkles,
@@ -852,7 +963,8 @@ export default function Community() {
     {
       id: "reputation",
       title: "Reputation Signals",
-      description: "Surface kudos, endorsements, and verified roles in the community.",
+      description:
+        "Surface kudos, endorsements, and verified roles in the community.",
       metricLabel: "Reputation",
       metricValue: "4.9 ★",
       icon: UserCircle,
@@ -869,7 +981,8 @@ export default function Community() {
       badge: "🏆 Top Contributor",
       speciality: "Game Development",
       bio: "Hosts the weekly build clinics and mentors new squads shipping co-op missions.",
-      recentContribution: "Rolled out the Adaptive Matchmaking toolkit for Season 4.",
+      recentContribution:
+        "Rolled out the Adaptive Matchmaking toolkit for Season 4.",
       reputation: "4.9/5 player rating",
       profileUrl: "/passport/alex-developer",
     },
@@ -882,7 +995,8 @@ export default function Community() {
       badge: "📚 Knowledge Hero",
       speciality: "Technical Writing",
       bio: "Maintains the AeThex SDK quickstarts and keeps localisation packs up to date.",
-      recentContribution: "Launched the multiplayer onboarding walkthrough in seven languages.",
+      recentContribution:
+        "Launched the multiplayer onboarding walkthrough in seven languages.",
       reputation: "4.8/5 creator rating",
       profileUrl: "/passport/sarah-coder",
     },
@@ -895,7 +1009,8 @@ export default function Community() {
       badge: "🧠 AI Pioneer",
       speciality: "Machine Learning",
       bio: "Builds guardrailed inference pipelines and shares evaluation playbooks weekly.",
-      recentContribution: "Released the Procedural Dialogue orchestrator adopted by 40+ teams.",
+      recentContribution:
+        "Released the Procedural Dialogue orchestrator adopted by 40+ teams.",
       reputation: "4.9/5 mentor rating",
       profileUrl: "/passport/jordan-ai",
     },
@@ -905,7 +1020,8 @@ export default function Community() {
     {
       id: "photon-ridge",
       title: "Photon Ridge Raid",
-      description: "Modded endgame encounter balancing puzzle mechanics with co-op combat.",
+      description:
+        "Modded endgame encounter balancing puzzle mechanics with co-op combat.",
       downloads: 12045,
       rating: 4.8,
       author: "NebulaFox",
@@ -914,7 +1030,8 @@ export default function Community() {
     {
       id: "neon-run",
       title: "Neon Run Track Pack",
-      description: "Five synthwave-inspired courses with dynamic weather scripting.",
+      description:
+        "Five synthwave-inspired courses with dynamic weather scripting.",
       downloads: 8742,
       rating: 4.7,
       author: "CircuitBreaker",
@@ -923,7 +1040,8 @@ export default function Community() {
     {
       id: "dynamic-hubs",
       title: "Dynamic Hub Templates",
-      description: "Drop-in lobby layouts with reactive NPC chatter and map voting.",
+      description:
+        "Drop-in lobby layouts with reactive NPC chatter and map voting.",
       downloads: 6403,
       rating: 4.9,
       author: "Astra",
@@ -936,7 +1054,8 @@ export default function Community() {
       id: "screenshot-1",
       title: "Aurora Rift",
       type: "Screenshot",
-      thumbnail: "https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=600&h=400&fit=crop",
+      thumbnail:
+        "https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=600&h=400&fit=crop",
       author: "Nova",
       likes: 684,
     },
@@ -944,7 +1063,8 @@ export default function Community() {
       id: "artwork-1",
       title: "Character concept: Vox",
       type: "Artwork",
-      thumbnail: "https://images.unsplash.com/photo-1604079628040-94301bb21b11?w=600&h=400&fit=crop",
+      thumbnail:
+        "https://images.unsplash.com/photo-1604079628040-94301bb21b11?w=600&h=400&fit=crop",
       author: "Sketchbyte",
       likes: 542,
     },
@@ -952,7 +1072,8 @@ export default function Community() {
       id: "video-1",
       title: "Speedrun showcase",
       type: "Video",
-      thumbnail: "https://images.unsplash.com/photo-1511512578047-dfb367046420?w=600&h=400&fit=crop",
+      thumbnail:
+        "https://images.unsplash.com/photo-1511512578047-dfb367046420?w=600&h=400&fit=crop",
       author: "Dash",
       likes: 452,
     },
@@ -960,7 +1081,8 @@ export default function Community() {
       id: "screenshot-2",
       title: "Photon Ridge sunset",
       type: "Screenshot",
-      thumbnail: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop",
+      thumbnail:
+        "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop",
       author: "NebulaFox",
       likes: 398,
     },
@@ -968,7 +1090,8 @@ export default function Community() {
       id: "artwork-2",
       title: "Kairos armor set",
       type: "Artwork",
-      thumbnail: "https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=600&h=400&fit=crop",
+      thumbnail:
+        "https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=600&h=400&fit=crop",
       author: "Synth",
       likes: 356,
     },
@@ -976,7 +1099,8 @@ export default function Community() {
       id: "video-2",
       title: "Live jam timelapse",
       type: "Video",
-      thumbnail: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=600&h=400&fit=crop",
+      thumbnail:
+        "https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=600&h=400&fit=crop",
       author: "BeatSync",
       likes: 312,
     },
@@ -987,9 +1111,11 @@ export default function Community() {
       id: "nebulafox",
       name: "NebulaFox",
       role: "Systems Designer",
-      highlight: "Created the Photon Ridge raid encounter adopted by 54% of squads.",
+      highlight:
+        "Created the Photon Ridge raid encounter adopted by 54% of squads.",
       link: "/community/spotlight/nebulafox",
-      avatar: "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?w=120&h=120&fit=crop&crop=face",
+      avatar:
+        "https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?w=120&h=120&fit=crop&crop=face",
       metrics: [
         { label: "Downloads", value: "12K" },
         { label: "Avg Rating", value: "4.8" },
@@ -1000,9 +1126,11 @@ export default function Community() {
       id: "lunatech",
       name: "LunaTech",
       role: "Technical Artist",
-      highlight: "Delivered the AeThex holographic shader pack powering six community events.",
+      highlight:
+        "Delivered the AeThex holographic shader pack powering six community events.",
       link: "/community/spotlight/lunatech",
-      avatar: "https://images.unsplash.com/photo-1527980965255-d3b416303d12?w=120&h=120&fit=crop&crop=face",
+      avatar:
+        "https://images.unsplash.com/photo-1527980965255-d3b416303d12?w=120&h=120&fit=crop&crop=face",
       metrics: [
         { label: "Adopted Studios", value: "32" },
         { label: "Workshop Forks", value: "210" },
@@ -1044,7 +1172,8 @@ export default function Community() {
   const moderationGuidelines = [
     {
       title: "Respect every player",
-      description: "Harassment, hate speech, and discrimination are removed without debate.",
+      description:
+        "Harassment, hate speech, and discrimination are removed without debate.",
     },
     {
       title: "Keep feedback actionable",
@@ -1052,7 +1181,8 @@ export default function Community() {
     },
     {
       title: "Collaborate transparently",
-      description: "Disclose monetisation, affiliations, or sensitive data sources when sharing work.",
+      description:
+        "Disclose monetisation, affiliations, or sensitive data sources when sharing work.",
     },
   ];
 
@@ -1060,19 +1190,22 @@ export default function Community() {
     {
       id: "auto-shields",
       title: "Automated Shields",
-      description: "Realtime filters flag slurs, spam, and phishing before they hit the feed.",
+      description:
+        "Realtime filters flag slurs, spam, and phishing before they hit the feed.",
       icon: Shield,
     },
     {
       id: "casebook",
       title: "Casebook Workflows",
-      description: "Escalate complex cases with evidence bundles and audit trails.",
+      description:
+        "Escalate complex cases with evidence bundles and audit trails.",
       icon: Gavel,
     },
     {
       id: "report-routing",
       title: "Report Routing",
-      description: "Route player reports to dedicated channel owners for rapid follow-up.",
+      description:
+        "Route player reports to dedicated channel owners for rapid follow-up.",
       icon: Flag,
     },
   ];
@@ -1081,27 +1214,34 @@ export default function Community() {
     {
       id: "harassment",
       label: "Harassment or hateful content",
-      description: "Toxic language, slurs, or targeted harassment toward a player or group.",
+      description:
+        "Toxic language, slurs, or targeted harassment toward a player or group.",
     },
     {
       id: "cheating",
       label: "Cheating or exploit",
-      description: "Sharing hacks, stolen assets, or instructions to bypass fair play.",
+      description:
+        "Sharing hacks, stolen assets, or instructions to bypass fair play.",
     },
     {
       id: "inappropriate",
       label: "Inappropriate media",
-      description: "Adult content, personal data leaks, or otherwise unsafe material.",
+      description:
+        "Adult content, personal data leaks, or otherwise unsafe material.",
     },
   ];
 
-  const feedbackToneStyles: Record<"neutral" | "positive" | "warning", string> = {
-    neutral: "bg-blue-500/10 text-blue-200 border border-blue-400/40",
-    positive: "bg-emerald-500/10 text-emerald-200 border border-emerald-400/40",
-    warning: "bg-amber-500/10 text-amber-200 border border-amber-400/40",
-  };
+  const feedbackToneStyles: Record<"neutral" | "positive" | "warning", string> =
+    {
+      neutral: "bg-blue-500/10 text-blue-200 border border-blue-400/40",
+      positive:
+        "bg-emerald-500/10 text-emerald-200 border border-emerald-400/40",
+      warning: "bg-amber-500/10 text-amber-200 border border-amber-400/40",
+    };
 
-  const selectedReportReason = reportReasons.find((reason) => reason.id === reportForm.reason);
+  const selectedReportReason = reportReasons.find(
+    (reason) => reason.id === reportForm.reason,
+  );
 
   const handleEventRegistration = useCallback(
     (eventData: CommunityEvent, payload: EventRegistrationPayload) => {
@@ -1165,11 +1305,15 @@ export default function Community() {
       }
 
       if (!trimmedDetails) {
-        aethexToast.system("Add a brief description so moderators can respond quickly.");
+        aethexToast.system(
+          "Add a brief description so moderators can respond quickly.",
+        );
         return;
       }
 
-      aethexToast.system("Report submitted. Our moderation team will review shortly.");
+      aethexToast.system(
+        "Report submitted. Our moderation team will review shortly.",
+      );
       setReportForm({ reason: "", details: "" });
     },
     [reportForm],
@@ -1342,9 +1486,9 @@ export default function Community() {
                   Introducing DevConnect
                 </h2>
                 <p className="text-lg text-muted-foreground">
-                  DevConnect is our dedicated hub for platform teams building the
-                  next wave of AeThex experiences. Launch collabs, monitor live
-                  services, and activate the Studio network — all from one
+                  DevConnect is our dedicated hub for platform teams building
+                  the next wave of AeThex experiences. Launch collabs, monitor
+                  live services, and activate the Studio network — all from one
                   command center.
                 </p>
                 <div className="flex flex-col sm:flex-row gap-4">
@@ -1363,7 +1507,12 @@ export default function Community() {
                       <ArrowRight className="h-5 w-5" />
                     </a>
                   </Button>
-                  <Button asChild variant="outline" size="lg" className="border-border/60">
+                  <Button
+                    asChild
+                    variant="outline"
+                    size="lg"
+                    className="border-border/60"
+                  >
                     <Link to="/contact">Talk with AeThex Team</Link>
                   </Button>
                 </div>
@@ -1394,9 +1543,9 @@ export default function Community() {
                     })}
                   </div>
                   <div className="rounded-lg border border-aethex-400/40 bg-gradient-to-r from-aethex-500/10 to-neon-blue/10 p-4 text-sm text-muted-foreground">
-                    DevConnect syncs directly with AeThex developer profiles, so your
-                    activity, streaks, and achievements follow you across every
-                    build.
+                    DevConnect syncs directly with AeThex developer profiles, so
+                    your activity, streaks, and achievements follow you across
+                    every build.
                   </div>
                 </CardContent>
               </Card>
@@ -1429,8 +1578,12 @@ export default function Community() {
                             <Icon className="h-5 w-5" />
                           </div>
                           <div>
-                            <CardTitle className="text-lg">{space.name}</CardTitle>
-                            <CardDescription>{space.description}</CardDescription>
+                            <CardTitle className="text-lg">
+                              {space.name}
+                            </CardTitle>
+                            <CardDescription>
+                              {space.description}
+                            </CardDescription>
                           </div>
                         </div>
                         <Badge variant="outline" className="border-border/50">
@@ -1450,10 +1603,15 @@ export default function Community() {
                           {space.latestThread.title}
                         </p>
                         <p className="text-xs text-muted-foreground">
-                          by {space.latestThread.author} • {space.latestThread.timeAgo}
+                          by {space.latestThread.author} •{" "}
+                          {space.latestThread.timeAgo}
                         </p>
                       </div>
-                      <Button asChild variant="ghost" className="w-full justify-between text-sm">
+                      <Button
+                        asChild
+                        variant="ghost"
+                        className="w-full justify-between text-sm"
+                      >
                         <Link to={`/forums/${space.id}`}>
                           Enter space
                           <ArrowRight className="h-4 w-4" />
@@ -1481,7 +1639,10 @@ export default function Community() {
                 {feedbackChannels.map((channel) => {
                   const Icon = channel.icon;
                   return (
-                    <Card key={channel.id} className="border-border/50 bg-background/80 backdrop-blur">
+                    <Card
+                      key={channel.id}
+                      className="border-border/50 bg-background/80 backdrop-blur"
+                    >
                       <CardHeader className="space-y-3">
                         <div className="flex items-start justify-between gap-4">
                           <div className="flex items-center gap-3">
@@ -1489,11 +1650,18 @@ export default function Community() {
                               <Icon className="h-5 w-5" />
                             </div>
                             <div>
-                              <CardTitle className="text-lg">{channel.title}</CardTitle>
-                              <CardDescription>{channel.description}</CardDescription>
+                              <CardTitle className="text-lg">
+                                {channel.title}
+                              </CardTitle>
+                              <CardDescription>
+                                {channel.description}
+                              </CardDescription>
                             </div>
                           </div>
-                          <Badge variant="outline" className="border-aethex-400/40 text-aethex-200">
+                          <Badge
+                            variant="outline"
+                            className="border-aethex-400/40 text-aethex-200"
+                          >
                             {channel.submissionsThisWeek} this week
                           </Badge>
                         </div>
@@ -1506,13 +1674,20 @@ export default function Community() {
                           {channel.statuses.map((status) => (
                             <Badge
                               key={status.label}
-                              className={cn("text-xs", feedbackToneStyles[status.tone])}
+                              className={cn(
+                                "text-xs",
+                                feedbackToneStyles[status.tone],
+                              )}
                             >
                               {status.label}: {status.count}
                             </Badge>
                           ))}
                         </div>
-                        <Button asChild variant="ghost" className="w-full justify-between text-sm">
+                        <Button
+                          asChild
+                          variant="ghost"
+                          className="w-full justify-between text-sm"
+                        >
                           <Link to="/feedback">
                             Submit feedback
                             <ArrowRight className="h-4 w-4" />
@@ -1527,7 +1702,8 @@ export default function Community() {
                 <CardHeader>
                   <CardTitle>Live roadmap snapshot</CardTitle>
                   <CardDescription>
-                    Track what the team is shipping next based on player momentum.
+                    Track what the team is shipping next based on player
+                    momentum.
                   </CardDescription>
                 </CardHeader>
                 <CardContent className="space-y-4">
@@ -1537,13 +1713,23 @@ export default function Community() {
                       className="flex flex-col gap-2 rounded-lg border border-border/40 bg-background/80 p-4 sm:flex-row sm:items-center sm:justify-between"
                     >
                       <div>
-                        <p className="font-medium text-foreground">{item.title}</p>
-                        <p className="text-xs text-muted-foreground">{item.eta}</p>
+                        <p className="font-medium text-foreground">
+                          {item.title}
+                        </p>
+                        <p className="text-xs text-muted-foreground">
+                          {item.eta}
+                        </p>
                       </div>
-                      <Badge className={feedbackToneStyles[item.statusTone]}>{item.status}</Badge>
+                      <Badge className={feedbackToneStyles[item.statusTone]}>
+                        {item.status}
+                      </Badge>
                     </div>
                   ))}
-                  <Button asChild variant="outline" className="w-full border-aethex-400/40">
+                  <Button
+                    asChild
+                    variant="outline"
+                    className="w-full border-aethex-400/40"
+                  >
                     <Link to="/roadmap">Open public roadmap</Link>
                   </Button>
                 </CardContent>
@@ -1588,7 +1774,8 @@ export default function Community() {
                 <CardHeader>
                   <CardTitle>Active channels</CardTitle>
                   <CardDescription>
-                    See who’s online and jump into the conversations that matter right now.
+                    See who’s online and jump into the conversations that matter
+                    right now.
                   </CardDescription>
                 </CardHeader>
                 <CardContent className="space-y-4">
@@ -1605,18 +1792,26 @@ export default function Community() {
                               <Icon className="h-5 w-5" />
                             </div>
                             <div>
-                              <p className="font-medium text-foreground">{channel.name}</p>
-                              <p className="text-sm text-muted-foreground">{channel.description}</p>
+                              <p className="font-medium text-foreground">
+                                {channel.name}
+                              </p>
+                              <p className="text-sm text-muted-foreground">
+                                {channel.description}
+                              </p>
                             </div>
                           </div>
-                          <Badge variant="outline" className="border-aethex-400/40 text-aethex-200">
+                          <Badge
+                            variant="outline"
+                            className="border-aethex-400/40 text-aethex-200"
+                          >
                             {channel.participants} members
                           </Badge>
                         </div>
                         <div className="flex items-center justify-between text-xs text-muted-foreground">
                           <span>Synced with Discord</span>
                           <span className="flex items-center gap-1 text-emerald-200">
-                            <Sparkles className="h-3 w-3" /> {channel.activeNow} live now
+                            <Sparkles className="h-3 w-3" /> {channel.activeNow}{" "}
+                            live now
                           </span>
                         </div>
                       </div>
@@ -1628,7 +1823,8 @@ export default function Community() {
                 <CardHeader>
                   <CardTitle>Why players love integrated chat</CardTitle>
                   <CardDescription>
-                    Keep every squad aligned across devices with presence, threads, and recordings.
+                    Keep every squad aligned across devices with presence,
+                    threads, and recordings.
                   </CardDescription>
                 </CardHeader>
                 <CardContent className="space-y-4">
@@ -1666,7 +1862,9 @@ export default function Community() {
                   animationDelay={index * 0.12}
                   isRegistered={Boolean(registeredEvents[event.id])}
                   registrant={registeredEvents[event.id]}
-                  onRegister={(payload) => handleEventRegistration(event, payload)}
+                  onRegister={(payload) =>
+                    handleEventRegistration(event, payload)
+                  }
                 />
               ))}
             </div>
@@ -1686,12 +1884,17 @@ export default function Community() {
               {profileHighlights.map((highlight) => {
                 const Icon = highlight.icon;
                 return (
-                  <Card key={highlight.id} className="border-border/50 bg-background/80 backdrop-blur">
+                  <Card
+                    key={highlight.id}
+                    className="border-border/50 bg-background/80 backdrop-blur"
+                  >
                     <CardHeader className="space-y-3">
                       <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-aethex-500/10 text-aethex-300">
                         <Icon className="h-6 w-6" />
                       </div>
-                      <CardTitle className="text-lg">{highlight.title}</CardTitle>
+                      <CardTitle className="text-lg">
+                        {highlight.title}
+                      </CardTitle>
                       <CardDescription>{highlight.description}</CardDescription>
                     </CardHeader>
                     <CardContent>
@@ -1759,7 +1962,11 @@ export default function Community() {
                     <Badge className="bg-aethex-500/10 text-aethex-200 border border-aethex-400/40">
                       {contributor.badge}
                     </Badge>
-                    <Button asChild variant="outline" className="w-full border-aethex-400/40">
+                    <Button
+                      asChild
+                      variant="outline"
+                      className="w-full border-aethex-400/40"
+                    >
                       <Link to={contributor.profileUrl}>View passport</Link>
                     </Button>
                   </CardContent>
@@ -1782,7 +1989,10 @@ export default function Community() {
               {workshopItems.map((item) => {
                 const Icon = item.icon;
                 return (
-                  <Card key={item.id} className="border-border/50 bg-background/80 backdrop-blur">
+                  <Card
+                    key={item.id}
+                    className="border-border/50 bg-background/80 backdrop-blur"
+                  >
                     <CardHeader className="space-y-3">
                       <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-aethex-500/10 text-aethex-300">
                         <Icon className="h-6 w-6" />
@@ -1799,12 +2009,18 @@ export default function Community() {
                       </div>
                       <div className="flex items-center justify-between text-sm text-muted-foreground">
                         <span>Rating</span>
-                        <span className="font-semibold text-aethex-200">{item.rating.toFixed(1)}</span>
+                        <span className="font-semibold text-aethex-200">
+                          {item.rating.toFixed(1)}
+                        </span>
                       </div>
                       <p className="text-xs text-muted-foreground">
                         Created by {item.author}
                       </p>
-                      <Button asChild variant="ghost" className="w-full justify-between text-sm">
+                      <Button
+                        asChild
+                        variant="ghost"
+                        className="w-full justify-between text-sm"
+                      >
                         <Link to={`/workshop/${item.id}`}>
                           View asset
                           <ArrowRight className="h-4 w-4" />
@@ -1829,7 +2045,10 @@ export default function Community() {
             />
             <div className="grid gap-6 md:grid-cols-3">
               {mediaGallery.map((item) => (
-                <Card key={item.id} className="border-border/40 bg-background/80 backdrop-blur overflow-hidden">
+                <Card
+                  key={item.id}
+                  className="border-border/40 bg-background/80 backdrop-blur overflow-hidden"
+                >
                   <div className="relative">
                     <img
                       src={item.thumbnail}
@@ -1843,8 +2062,12 @@ export default function Community() {
                   </div>
                   <CardContent className="space-y-3 p-5">
                     <div className="space-y-1">
-                      <h3 className="font-semibold text-foreground">{item.title}</h3>
-                      <p className="text-sm text-muted-foreground">by {item.author}</p>
+                      <h3 className="font-semibold text-foreground">
+                        {item.title}
+                      </h3>
+                      <p className="text-sm text-muted-foreground">
+                        by {item.author}
+                      </p>
                     </div>
                     <div className="flex items-center justify-between text-sm text-muted-foreground">
                       <span className="flex items-center gap-2">
@@ -1873,7 +2096,10 @@ export default function Community() {
             />
             <div className="grid gap-6 lg:grid-cols-2 max-w-6xl mx-auto">
               {spotlightCreators.map((creator) => (
-                <Card key={creator.id} className="border-border/50 bg-background/80 backdrop-blur">
+                <Card
+                  key={creator.id}
+                  className="border-border/50 bg-background/80 backdrop-blur"
+                >
                   <CardContent className="p-6 space-y-5">
                     <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
                       <div className="flex items-center gap-3">
@@ -1886,7 +2112,9 @@ export default function Community() {
                           <p className="text-lg font-semibold text-gradient">
                             {creator.name}
                           </p>
-                          <p className="text-sm text-muted-foreground">{creator.role}</p>
+                          <p className="text-sm text-muted-foreground">
+                            {creator.role}
+                          </p>
                         </div>
                       </div>
                       <Badge className="bg-aethex-500/10 border-aethex-400/40 text-aethex-200">
@@ -1935,20 +2163,32 @@ export default function Community() {
                 <CardHeader className="flex items-start justify-between gap-4">
                   <div>
                     <CardTitle>Community guidelines</CardTitle>
-                    <CardDescription>Expectations for every player and contributor.</CardDescription>
+                    <CardDescription>
+                      Expectations for every player and contributor.
+                    </CardDescription>
                   </div>
-                  <Badge variant="outline" className="border-aethex-400/40 text-aethex-200">
+                  <Badge
+                    variant="outline"
+                    className="border-aethex-400/40 text-aethex-200"
+                  >
                     Updated weekly
                   </Badge>
                 </CardHeader>
                 <CardContent>
                   <ul className="space-y-3">
                     {moderationGuidelines.map((guideline) => (
-                      <li key={guideline.title} className="flex items-start gap-3">
+                      <li
+                        key={guideline.title}
+                        className="flex items-start gap-3"
+                      >
                         <Shield className="mt-0.5 h-4 w-4 text-aethex-400" />
                         <div>
-                          <p className="text-sm font-medium text-foreground">{guideline.title}</p>
-                          <p className="text-sm text-muted-foreground">{guideline.description}</p>
+                          <p className="text-sm font-medium text-foreground">
+                            {guideline.title}
+                          </p>
+                          <p className="text-sm text-muted-foreground">
+                            {guideline.description}
+                          </p>
                         </div>
                       </li>
                     ))}
@@ -1960,7 +2200,8 @@ export default function Community() {
                   <CardHeader>
                     <CardTitle>Moderation toolkit</CardTitle>
                     <CardDescription>
-                      Equip community managers with actionable, auditable controls.
+                      Equip community managers with actionable, auditable
+                      controls.
                     </CardDescription>
                   </CardHeader>
                   <CardContent className="grid gap-4 sm:grid-cols-3">
@@ -1974,8 +2215,12 @@ export default function Community() {
                           <div className="flex h-10 w-10 items-center justify-center rounded-md bg-aethex-500/10 text-aethex-300">
                             <Icon className="h-5 w-5" />
                           </div>
-                          <p className="text-sm font-medium text-foreground">{tool.title}</p>
-                          <p className="text-sm text-muted-foreground">{tool.description}</p>
+                          <p className="text-sm font-medium text-foreground">
+                            {tool.title}
+                          </p>
+                          <p className="text-sm text-muted-foreground">
+                            {tool.description}
+                          </p>
                         </div>
                       );
                     })}
@@ -1985,7 +2230,8 @@ export default function Community() {
                   <CardHeader>
                     <CardTitle>Submit a report</CardTitle>
                     <CardDescription>
-                      Reports are routed to the right channel owners for fast follow-up.
+                      Reports are routed to the right channel owners for fast
+                      follow-up.
                     </CardDescription>
                   </CardHeader>
                   <CardContent>
@@ -1996,7 +2242,10 @@ export default function Community() {
                           id="report-reason"
                           value={reportForm.reason}
                           onChange={(event) =>
-                            setReportForm((prev) => ({ ...prev, reason: event.target.value }))
+                            setReportForm((prev) => ({
+                              ...prev,
+                              reason: event.target.value,
+                            }))
                           }
                           className="w-full rounded-lg border border-border/50 bg-background/80 px-3 py-2 text-sm focus:border-aethex-400 focus:outline-none focus:ring-2 focus:ring-aethex-400/40"
                         >
@@ -2019,7 +2268,10 @@ export default function Community() {
                           id="report-details"
                           value={reportForm.details}
                           onChange={(event) =>
-                            setReportForm((prev) => ({ ...prev, details: event.target.value }))
+                            setReportForm((prev) => ({
+                              ...prev,
+                              details: event.target.value,
+                            }))
                           }
                           placeholder="Share links, timestamps, or context so moderators can follow up quickly."
                           rows={4}
diff --git a/client/pages/DevelopersDirectory.tsx b/client/pages/DevelopersDirectory.tsx
index 917a22ef..ed85793a 100644
--- a/client/pages/DevelopersDirectory.tsx
+++ b/client/pages/DevelopersDirectory.tsx
@@ -58,7 +58,9 @@ const DeveloperCard = ({ profile }: DeveloperCardProps) => {
       <CardHeader className="space-y-3">
         <div className="flex items-center justify-between gap-2">
           <div className="flex items-center gap-2">
-            <Badge className={cn("text-xs uppercase tracking-wider", realmStyle)}>
+            <Badge
+              className={cn("text-xs uppercase tracking-wider", realmStyle)}
+            >
               {profile.user_type.replace("_", " ")}
             </Badge>
             {isGodMode && (
@@ -124,7 +126,10 @@ const DeveloperCard = ({ profile }: DeveloperCardProps) => {
           variant="outline"
           className="w-full border-slate-700/70 text-slate-100 transition-colors hover:border-aethex-400/60 hover:text-white"
         >
-          <Link to={passportHref} className="flex items-center justify-center gap-2">
+          <Link
+            to={passportHref}
+            className="flex items-center justify-center gap-2"
+          >
             <UserRound className="h-4 w-4" />
             View Passport
           </Link>
@@ -193,8 +198,8 @@ const DevelopersDirectory = () => {
                   Discover AeThex developers
                 </h1>
                 <p className="text-slate-300">
-                  Browse verified builders, clients, and community members across
-                  every AeThex realm.
+                  Browse verified builders, clients, and community members
+                  across every AeThex realm.
                 </p>
               </div>
               <div className="flex gap-2">
diff --git a/client/pages/Profile.tsx b/client/pages/Profile.tsx
index f9aa5a6a..a007d80d 100644
--- a/client/pages/Profile.tsx
+++ b/client/pages/Profile.tsx
@@ -51,7 +51,7 @@ import {
 interface SiteStatus {
   name: string;
   url: string;
-  status: 'online' | 'offline' | 'maintenance';
+  status: "online" | "offline" | "maintenance";
   lastCheck: string;
   responseTime: number;
   version: string;
@@ -61,7 +61,7 @@ interface CrossSiteCommunication {
   siteName: string;
   lastSync: string;
   dataExchanged: number;
-  status: 'connected' | 'disconnected' | 'syncing';
+  status: "connected" | "disconnected" | "syncing";
 }
 
 export default function Profile() {
@@ -70,17 +70,17 @@ export default function Profile() {
   const { success: toastSuccess, error: toastError } = useAethexToast();
   const [isLoading, setIsLoading] = useState(true);
   const [isSaving, setIsSaving] = useState(false);
-  
+
   // Profile settings state
   const [profileData, setProfileData] = useState({
-    displayName: '',
-    bio: '',
-    company: '',
-    location: '',
-    website: '',
-    githubUsername: '',
-    twitterUsername: '',
-    linkedinUrl: '',
+    displayName: "",
+    bio: "",
+    company: "",
+    location: "",
+    website: "",
+    githubUsername: "",
+    twitterUsername: "",
+    linkedinUrl: "",
   });
 
   // Notification settings
@@ -94,7 +94,7 @@ export default function Profile() {
 
   // Privacy settings
   const [privacy, setPrivacy] = useState({
-    profileVisibility: 'public',
+    profileVisibility: "public",
     showEmail: false,
     showProjects: true,
     allowAnalytics: true,
@@ -114,50 +114,50 @@ export default function Profile() {
   // Cross-site communication data
   const [crossSiteData, setCrossSiteData] = useState<CrossSiteCommunication[]>([
     {
-      siteName: 'AeThex Labs',
-      lastSync: '2 minutes ago',
+      siteName: "AeThex Labs",
+      lastSync: "2 minutes ago",
       dataExchanged: 1.2,
-      status: 'connected',
+      status: "connected",
     },
     {
-      siteName: 'Development Portal',
-      lastSync: '5 minutes ago',
+      siteName: "Development Portal",
+      lastSync: "5 minutes ago",
       dataExchanged: 0.8,
-      status: 'syncing',
+      status: "syncing",
     },
     {
-      siteName: 'Community Hub',
-      lastSync: '12 minutes ago',
+      siteName: "Community Hub",
+      lastSync: "12 minutes ago",
       dataExchanged: 2.1,
-      status: 'connected',
+      status: "connected",
     },
   ]);
 
   // Site monitoring data
   const [siteStatuses, setSiteStatuses] = useState<SiteStatus[]>([
     {
-      name: 'Main Site',
-      url: 'https://core.aethex.biz',
-      status: 'online',
-      lastCheck: 'Just now',
+      name: "Main Site",
+      url: "https://core.aethex.biz",
+      status: "online",
+      lastCheck: "Just now",
       responseTime: 245,
-      version: '1.0.0',
+      version: "1.0.0",
     },
     {
-      name: 'API Gateway',
-      url: 'https://api.aethex.biz',
-      status: 'online',
-      lastCheck: '30 seconds ago',
+      name: "API Gateway",
+      url: "https://api.aethex.biz",
+      status: "online",
+      lastCheck: "30 seconds ago",
       responseTime: 123,
-      version: '2.1.3',
+      version: "2.1.3",
     },
     {
-      name: 'Labs Portal',
-      url: 'https://labs.aethex.biz',
-      status: 'maintenance',
-      lastCheck: '2 minutes ago',
+      name: "Labs Portal",
+      url: "https://labs.aethex.biz",
+      status: "maintenance",
+      lastCheck: "2 minutes ago",
       responseTime: 0,
-      version: '1.5.2',
+      version: "1.5.2",
     },
   ]);
 
@@ -166,20 +166,20 @@ export default function Profile() {
 
   useEffect(() => {
     if (!authLoading && !user) {
-      navigate('/login');
+      navigate("/login");
       return;
     }
 
     if (profile) {
       setProfileData({
-        displayName: profile.full_name || '',
-        bio: profile.bio || '',
-        company: (profile as any).company || '',
-        location: profile.location || '',
-        website: (profile as any).website || '',
-        githubUsername: (profile as any).github_username || '',
-        twitterUsername: (profile as any).twitter_username || '',
-        linkedinUrl: profile.linkedin_url || '',
+        displayName: profile.full_name || "",
+        bio: profile.bio || "",
+        company: (profile as any).company || "",
+        location: profile.location || "",
+        website: (profile as any).website || "",
+        githubUsername: (profile as any).github_username || "",
+        twitterUsername: (profile as any).twitter_username || "",
+        linkedinUrl: profile.linkedin_url || "",
       });
     }
 
@@ -193,7 +193,7 @@ export default function Profile() {
     console.log("Starting profile save...", {
       user: user.id,
       profile: !!profile,
-      profileData
+      profileData,
     });
 
     try {
@@ -204,13 +204,20 @@ export default function Profile() {
         try {
           // Try using the AuthContext updateProfile (which works with mock too)
           await updateProfile({
-            username: profileData.displayName || user.email?.split('@')[0] || `user_${Date.now()}`,
+            username:
+              profileData.displayName ||
+              user.email?.split("@")[0] ||
+              `user_${Date.now()}`,
             full_name: profileData.displayName,
             bio: profileData.bio,
             location: profileData.location,
             linkedin_url: profileData.linkedinUrl,
-            github_url: profileData.githubUsername ? `https://github.com/${profileData.githubUsername}` : null,
-            twitter_url: profileData.twitterUsername ? `https://twitter.com/${profileData.twitterUsername}` : null,
+            github_url: profileData.githubUsername
+              ? `https://github.com/${profileData.githubUsername}`
+              : null,
+            twitter_url: profileData.twitterUsername
+              ? `https://twitter.com/${profileData.twitterUsername}`
+              : null,
             user_type: "game_developer",
             experience_level: "beginner",
             level: 1,
@@ -219,22 +226,32 @@ export default function Profile() {
 
           console.log("Profile created successfully via AuthContext");
         } catch (authError) {
-          console.warn("AuthContext creation failed, trying direct database:", authError);
+          console.warn(
+            "AuthContext creation failed, trying direct database:",
+            authError,
+          );
 
           // Fallback to direct database call
           const { data, error } = await supabase
             .from("user_profiles")
             .insert({
               id: user.id,
-              username: profileData.displayName || user.email?.split('@')[0] || `user_${Date.now()}`,
+              username:
+                profileData.displayName ||
+                user.email?.split("@")[0] ||
+                `user_${Date.now()}`,
               user_type: "game_developer",
               experience_level: "beginner",
               full_name: profileData.displayName,
               bio: profileData.bio,
               location: profileData.location,
               linkedin_url: profileData.linkedinUrl,
-              github_url: profileData.githubUsername ? `https://github.com/${profileData.githubUsername}` : null,
-              twitter_url: profileData.twitterUsername ? `https://twitter.com/${profileData.twitterUsername}` : null,
+              github_url: profileData.githubUsername
+                ? `https://github.com/${profileData.githubUsername}`
+                : null,
+              twitter_url: profileData.twitterUsername
+                ? `https://twitter.com/${profileData.twitterUsername}`
+                : null,
               level: 1,
               total_xp: 0,
               created_at: new Date().toISOString(),
@@ -257,8 +274,12 @@ export default function Profile() {
           bio: profileData.bio,
           location: profileData.location,
           linkedin_url: profileData.linkedinUrl,
-          github_url: profileData.githubUsername ? `https://github.com/${profileData.githubUsername}` : null,
-          twitter_url: profileData.twitterUsername ? `https://twitter.com/${profileData.twitterUsername}` : null,
+          github_url: profileData.githubUsername
+            ? `https://github.com/${profileData.githubUsername}`
+            : null,
+          twitter_url: profileData.twitterUsername
+            ? `https://twitter.com/${profileData.twitterUsername}`
+            : null,
           updated_at: new Date().toISOString(),
         } as any);
       }
@@ -271,7 +292,8 @@ export default function Profile() {
       console.error("Profile save error:", error);
       toastError({
         title: "Update Failed",
-        description: error.message || "Failed to update profile. Please try again.",
+        description:
+          error.message || "Failed to update profile. Please try again.",
       });
     } finally {
       setIsSaving(false);
@@ -280,14 +302,14 @@ export default function Profile() {
 
   const getStatusIcon = (status: string) => {
     switch (status) {
-      case 'online':
-      case 'connected':
+      case "online":
+      case "connected":
         return <CheckCircle className="h-4 w-4 text-green-500" />;
-      case 'offline':
-      case 'disconnected':
+      case "offline":
+      case "disconnected":
         return <XCircle className="h-4 w-4 text-red-500" />;
-      case 'maintenance':
-      case 'syncing':
+      case "maintenance":
+      case "syncing":
         return <RefreshCw className="h-4 w-4 text-yellow-500 animate-spin" />;
       default:
         return <Circle className="h-4 w-4 text-gray-400" />;
@@ -296,17 +318,17 @@ export default function Profile() {
 
   const getStatusColor = (status: string) => {
     switch (status) {
-      case 'online':
-      case 'connected':
-        return 'bg-green-500';
-      case 'offline':
-      case 'disconnected':
-        return 'bg-red-500';
-      case 'maintenance':
-      case 'syncing':
-        return 'bg-yellow-500';
+      case "online":
+      case "connected":
+        return "bg-green-500";
+      case "offline":
+      case "disconnected":
+        return "bg-red-500";
+      case "maintenance":
+      case "syncing":
+        return "bg-yellow-500";
       default:
-        return 'bg-gray-400';
+        return "bg-gray-400";
     }
   };
 
@@ -329,14 +351,20 @@ export default function Profile() {
               </Avatar>
               <div>
                 <h1 className="text-3xl font-bold text-white">
-                  {profile?.full_name || 'User Profile'}
+                  {profile?.full_name || "User Profile"}
                 </h1>
                 <p className="text-gray-300">{user?.email}</p>
                 <div className="mt-3 flex flex-wrap gap-2">
-                  <Badge variant="outline" className="border-purple-400/40 text-purple-200">
+                  <Badge
+                    variant="outline"
+                    className="border-purple-400/40 text-purple-200"
+                  >
                     Current streak: {currentStreak}d
                   </Badge>
-                  <Badge variant="outline" className="border-purple-400/40 text-purple-200">
+                  <Badge
+                    variant="outline"
+                    className="border-purple-400/40 text-purple-200"
+                  >
                     Longest streak: {longestStreak}d
                   </Badge>
                 </div>
@@ -346,19 +374,31 @@ export default function Profile() {
 
           <Tabs defaultValue="profile" className="space-y-6">
             <TabsList className="grid w-full grid-cols-4 bg-slate-800/50 border border-slate-700">
-              <TabsTrigger value="profile" className="text-white data-[state=active]:bg-purple-600">
+              <TabsTrigger
+                value="profile"
+                className="text-white data-[state=active]:bg-purple-600"
+              >
                 <User className="h-4 w-4 mr-2" />
                 Profile
               </TabsTrigger>
-              <TabsTrigger value="settings" className="text-white data-[state=active]:bg-purple-600">
+              <TabsTrigger
+                value="settings"
+                className="text-white data-[state=active]:bg-purple-600"
+              >
                 <Settings className="h-4 w-4 mr-2" />
                 Settings
               </TabsTrigger>
-              <TabsTrigger value="overseer" className="text-white data-[state=active]:bg-purple-600">
+              <TabsTrigger
+                value="overseer"
+                className="text-white data-[state=active]:bg-purple-600"
+              >
                 <Monitor className="h-4 w-4 mr-2" />
                 Overseer
               </TabsTrigger>
-              <TabsTrigger value="network" className="text-white data-[state=active]:bg-purple-600">
+              <TabsTrigger
+                value="network"
+                className="text-white data-[state=active]:bg-purple-600"
+              >
                 <Network className="h-4 w-4 mr-2" />
                 Network
               </TabsTrigger>
@@ -379,48 +419,80 @@ export default function Profile() {
                 <CardContent className="space-y-4">
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                      <Label htmlFor="displayName" className="text-white">Display Name</Label>
+                      <Label htmlFor="displayName" className="text-white">
+                        Display Name
+                      </Label>
                       <Input
                         id="displayName"
                         value={profileData.displayName}
-                        onChange={(e) => setProfileData({ ...profileData, displayName: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            displayName: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                     <div>
-                      <Label htmlFor="company" className="text-white">Company</Label>
+                      <Label htmlFor="company" className="text-white">
+                        Company
+                      </Label>
                       <Input
                         id="company"
                         value={profileData.company}
-                        onChange={(e) => setProfileData({ ...profileData, company: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            company: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                     <div>
-                      <Label htmlFor="location" className="text-white">Location</Label>
+                      <Label htmlFor="location" className="text-white">
+                        Location
+                      </Label>
                       <Input
                         id="location"
                         value={profileData.location}
-                        onChange={(e) => setProfileData({ ...profileData, location: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            location: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                     <div>
-                      <Label htmlFor="website" className="text-white">Website</Label>
+                      <Label htmlFor="website" className="text-white">
+                        Website
+                      </Label>
                       <Input
                         id="website"
                         value={profileData.website}
-                        onChange={(e) => setProfileData({ ...profileData, website: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            website: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                   </div>
                   <div>
-                    <Label htmlFor="bio" className="text-white">Bio</Label>
+                    <Label htmlFor="bio" className="text-white">
+                      Bio
+                    </Label>
                     <Textarea
                       id="bio"
                       value={profileData.bio}
-                      onChange={(e) => setProfileData({ ...profileData, bio: e.target.value })}
+                      onChange={(e) =>
+                        setProfileData({ ...profileData, bio: e.target.value })
+                      }
                       className="bg-slate-900/50 border-slate-600 text-white"
                       rows={3}
                     />
@@ -428,35 +500,60 @@ export default function Profile() {
                   <Separator className="bg-slate-600" />
                   <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                     <div>
-                      <Label htmlFor="github" className="text-white">GitHub Username</Label>
+                      <Label htmlFor="github" className="text-white">
+                        GitHub Username
+                      </Label>
                       <Input
                         id="github"
                         value={profileData.githubUsername}
-                        onChange={(e) => setProfileData({ ...profileData, githubUsername: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            githubUsername: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                     <div>
-                      <Label htmlFor="twitter" className="text-white">Twitter Username</Label>
+                      <Label htmlFor="twitter" className="text-white">
+                        Twitter Username
+                      </Label>
                       <Input
                         id="twitter"
                         value={profileData.twitterUsername}
-                        onChange={(e) => setProfileData({ ...profileData, twitterUsername: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            twitterUsername: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                     <div>
-                      <Label htmlFor="linkedin" className="text-white">LinkedIn URL</Label>
+                      <Label htmlFor="linkedin" className="text-white">
+                        LinkedIn URL
+                      </Label>
                       <Input
                         id="linkedin"
                         value={profileData.linkedinUrl}
-                        onChange={(e) => setProfileData({ ...profileData, linkedinUrl: e.target.value })}
+                        onChange={(e) =>
+                          setProfileData({
+                            ...profileData,
+                            linkedinUrl: e.target.value,
+                          })
+                        }
                         className="bg-slate-900/50 border-slate-600 text-white"
                       />
                     </div>
                   </div>
-                  <Button onClick={handleProfileSave} disabled={isSaving} className="bg-purple-600 hover:bg-purple-700">
-                    {isSaving ? 'Saving...' : 'Save Profile'}
+                  <Button
+                    onClick={handleProfileSave}
+                    disabled={isSaving}
+                    className="bg-purple-600 hover:bg-purple-700"
+                  >
+                    {isSaving ? "Saving..." : "Save Profile"}
                   </Button>
                 </CardContent>
               </Card>
@@ -474,14 +571,20 @@ export default function Profile() {
                   </CardHeader>
                   <CardContent className="space-y-4">
                     {Object.entries(notifications).map(([key, value]) => (
-                      <div key={key} className="flex items-center justify-between">
+                      <div
+                        key={key}
+                        className="flex items-center justify-between"
+                      >
                         <Label className="text-white capitalize">
-                          {key.replace(/([A-Z])/g, ' $1').trim()}
+                          {key.replace(/([A-Z])/g, " $1").trim()}
                         </Label>
                         <Switch
                           checked={value}
-                          onCheckedChange={(checked) => 
-                            setNotifications({ ...notifications, [key]: checked })
+                          onCheckedChange={(checked) =>
+                            setNotifications({
+                              ...notifications,
+                              [key]: checked,
+                            })
                           }
                         />
                       </div>
@@ -498,16 +601,28 @@ export default function Profile() {
                   </CardHeader>
                   <CardContent className="space-y-4">
                     {Object.entries(privacy).map(([key, value]) => (
-                      <div key={key} className="flex items-center justify-between">
+                      <div
+                        key={key}
+                        className="flex items-center justify-between"
+                      >
                         <Label className="text-white capitalize">
-                          {key.replace(/([A-Z])/g, ' $1').trim()}
+                          {key.replace(/([A-Z])/g, " $1").trim()}
                         </Label>
                         <Switch
-                          checked={typeof value === 'boolean' ? value : value === 'public'}
-                          onCheckedChange={(checked) => 
-                            setPrivacy({ 
-                              ...privacy, 
-                              [key]: typeof value === 'boolean' ? checked : (checked ? 'public' : 'private')
+                          checked={
+                            typeof value === "boolean"
+                              ? value
+                              : value === "public"
+                          }
+                          onCheckedChange={(checked) =>
+                            setPrivacy({
+                              ...privacy,
+                              [key]:
+                                typeof value === "boolean"
+                                  ? checked
+                                  : checked
+                                    ? "public"
+                                    : "private",
                             })
                           }
                         />
@@ -526,7 +641,9 @@ export default function Profile() {
                     <div className="flex items-center justify-between">
                       <div>
                         <p className="text-sm text-gray-400">System Health</p>
-                        <p className="text-2xl font-bold text-green-400">{overseerData.systemHealth}%</p>
+                        <p className="text-2xl font-bold text-green-400">
+                          {overseerData.systemHealth}%
+                        </p>
                       </div>
                       <Activity className="h-8 w-8 text-green-400" />
                     </div>
@@ -538,7 +655,9 @@ export default function Profile() {
                     <div className="flex items-center justify-between">
                       <div>
                         <p className="text-sm text-gray-400">Active Users</p>
-                        <p className="text-2xl font-bold text-blue-400">{overseerData.activeUsers}</p>
+                        <p className="text-2xl font-bold text-blue-400">
+                          {overseerData.activeUsers}
+                        </p>
                       </div>
                       <Users className="h-8 w-8 text-blue-400" />
                     </div>
@@ -550,7 +669,9 @@ export default function Profile() {
                     <div className="flex items-center justify-between">
                       <div>
                         <p className="text-sm text-gray-400">Server Load</p>
-                        <p className="text-2xl font-bold text-yellow-400">{overseerData.serverLoad}%</p>
+                        <p className="text-2xl font-bold text-yellow-400">
+                          {overseerData.serverLoad}%
+                        </p>
                       </div>
                       <Server className="h-8 w-8 text-yellow-400" />
                     </div>
@@ -562,7 +683,9 @@ export default function Profile() {
                     <div className="flex items-center justify-between">
                       <div>
                         <p className="text-sm text-gray-400">Error Rate</p>
-                        <p className="text-2xl font-bold text-red-400">{overseerData.errorRate}%</p>
+                        <p className="text-2xl font-bold text-red-400">
+                          {overseerData.errorRate}%
+                        </p>
                       </div>
                       <AlertTriangle className="h-8 w-8 text-red-400" />
                     </div>
@@ -583,19 +706,29 @@ export default function Profile() {
                 <CardContent>
                   <div className="space-y-4">
                     {siteStatuses.map((site, index) => (
-                      <div key={index} className="flex items-center justify-between p-4 bg-slate-900/50 rounded-lg border border-slate-600">
+                      <div
+                        key={index}
+                        className="flex items-center justify-between p-4 bg-slate-900/50 rounded-lg border border-slate-600"
+                      >
                         <div className="flex items-center space-x-4">
                           {getStatusIcon(site.status)}
                           <div>
-                            <h4 className="text-white font-medium">{site.name}</h4>
+                            <h4 className="text-white font-medium">
+                              {site.name}
+                            </h4>
                             <p className="text-sm text-gray-400">{site.url}</p>
                           </div>
                         </div>
                         <div className="text-right">
-                          <Badge variant="outline" className={`${getStatusColor(site.status)} text-white border-0`}>
+                          <Badge
+                            variant="outline"
+                            className={`${getStatusColor(site.status)} text-white border-0`}
+                          >
                             {site.status}
                           </Badge>
-                          <p className="text-sm text-gray-400 mt-1">{site.responseTime}ms</p>
+                          <p className="text-sm text-gray-400 mt-1">
+                            {site.responseTime}ms
+                          </p>
                         </div>
                       </div>
                     ))}
@@ -619,17 +752,29 @@ export default function Profile() {
                 <CardContent>
                   <div className="space-y-4">
                     {crossSiteData.map((site, index) => (
-                      <div key={index} className="flex items-center justify-between p-4 bg-slate-900/50 rounded-lg border border-slate-600">
+                      <div
+                        key={index}
+                        className="flex items-center justify-between p-4 bg-slate-900/50 rounded-lg border border-slate-600"
+                      >
                         <div className="flex items-center space-x-4">
                           {getStatusIcon(site.status)}
                           <div>
-                            <h4 className="text-white font-medium">{site.siteName}</h4>
-                            <p className="text-sm text-gray-400">Last sync: {site.lastSync}</p>
+                            <h4 className="text-white font-medium">
+                              {site.siteName}
+                            </h4>
+                            <p className="text-sm text-gray-400">
+                              Last sync: {site.lastSync}
+                            </p>
                           </div>
                         </div>
                         <div className="text-right">
-                          <p className="text-white font-medium">{site.dataExchanged} MB</p>
-                          <Badge variant="outline" className={`${getStatusColor(site.status)} text-white border-0 mt-1`}>
+                          <p className="text-white font-medium">
+                            {site.dataExchanged} MB
+                          </p>
+                          <Badge
+                            variant="outline"
+                            className={`${getStatusColor(site.status)} text-white border-0 mt-1`}
+                          >
                             {site.status}
                           </Badge>
                         </div>
@@ -653,28 +798,42 @@ export default function Profile() {
                         <h4 className="text-white font-medium">Auto-Sync</h4>
                         <Switch defaultChecked />
                       </div>
-                      <p className="text-sm text-gray-400">Automatically sync data between sites</p>
+                      <p className="text-sm text-gray-400">
+                        Automatically sync data between sites
+                      </p>
                     </div>
                     <div className="p-4 bg-slate-900/50 rounded-lg border border-slate-600">
                       <div className="flex items-center justify-between mb-2">
-                        <h4 className="text-white font-medium">Real-time Updates</h4>
+                        <h4 className="text-white font-medium">
+                          Real-time Updates
+                        </h4>
                         <Switch defaultChecked />
                       </div>
-                      <p className="text-sm text-gray-400">Enable real-time cross-site communication</p>
+                      <p className="text-sm text-gray-400">
+                        Enable real-time cross-site communication
+                      </p>
                     </div>
                     <div className="p-4 bg-slate-900/50 rounded-lg border border-slate-600">
                       <div className="flex items-center justify-between mb-2">
-                        <h4 className="text-white font-medium">Data Encryption</h4>
+                        <h4 className="text-white font-medium">
+                          Data Encryption
+                        </h4>
                         <Switch defaultChecked />
                       </div>
-                      <p className="text-sm text-gray-400">Encrypt data during transmission</p>
+                      <p className="text-sm text-gray-400">
+                        Encrypt data during transmission
+                      </p>
                     </div>
                     <div className="p-4 bg-slate-900/50 rounded-lg border border-slate-600">
                       <div className="flex items-center justify-between mb-2">
-                        <h4 className="text-white font-medium">Monitoring Alerts</h4>
+                        <h4 className="text-white font-medium">
+                          Monitoring Alerts
+                        </h4>
                         <Switch defaultChecked />
                       </div>
-                      <p className="text-sm text-gray-400">Get notified of connection issues</p>
+                      <p className="text-sm text-gray-400">
+                        Get notified of connection issues
+                      </p>
                     </div>
                   </div>
                 </CardContent>
diff --git a/client/pages/ProfilePassport.tsx b/client/pages/ProfilePassport.tsx
index 888476d0..c4e6e094 100644
--- a/client/pages/ProfilePassport.tsx
+++ b/client/pages/ProfilePassport.tsx
@@ -75,8 +75,9 @@ const ProfilePassport = () => {
     const loadPassport = async () => {
       setLoading(true);
       try {
-        let resolvedProfile: (AethexUserProfile & { email?: string | null }) | null =
-          null;
+        let resolvedProfile:
+          | (AethexUserProfile & { email?: string | null })
+          | null = null;
         let resolvedId: string | null = null;
 
         if (isSelfRoute) {
@@ -89,7 +90,8 @@ const ProfilePassport = () => {
             }
 
             if (
-              currentUser.username.toLowerCase() === requestedUsername.toLowerCase() &&
+              currentUser.username.toLowerCase() ===
+                requestedUsername.toLowerCase() &&
               currentUser.username !== requestedUsername
             ) {
               navigate(`/passport/${currentUser.username}`, { replace: true });
@@ -215,7 +217,7 @@ const ProfilePassport = () => {
           ...resolvedProfile,
           email:
             resolvedProfile.email ??
-            (viewingSelf ? user?.email ?? authProfile?.email ?? null : null),
+            (viewingSelf ? (user?.email ?? authProfile?.email ?? null) : null),
         });
         setAchievements(achievementList ?? []);
         setInterests(interestList ?? []);
@@ -261,7 +263,8 @@ const ProfilePassport = () => {
       ((user?.id && profile.id && user.id === profile.id) ||
         (authProfile?.username &&
           profile.username &&
-          authProfile.username.toLowerCase() === profile.username.toLowerCase())),
+          authProfile.username.toLowerCase() ===
+            profile.username.toLowerCase())),
   );
 
   if (loading) {