diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index fd496a820..000000000
--- a/.prettierrc
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "semi": false
-}
diff --git a/agents/tasks/feed-feature-plan.plan.md b/agents/tasks/feed-feature-plan.plan.md
index 858a2c3ae..71648d408 100644
--- a/agents/tasks/feed-feature-plan.plan.md
+++ b/agents/tasks/feed-feature-plan.plan.md
@@ -49,7 +49,7 @@ feedEntries: defineTable({
         v.literal('major'),
         v.literal('minor'),
         v.literal('patch'),
-        v.literal('prerelease')
+        v.literal('prerelease'),
       ),
       url: v.string(), // GitHub release URL
       author: v.optional(v.string()), // GitHub username
@@ -66,7 +66,7 @@ feedEntries: defineTable({
       type: v.literal('manual'),
       createdBy: v.id('users'), // Admin user who created it
       editedBy: v.optional(v.id('users')), // Last editor
-    })
+    }),
   ),
 
   // Categorization
@@ -79,7 +79,7 @@ feedEntries: defineTable({
     v.literal('blog'),
     v.literal('partner'),
     v.literal('update'),
-    v.literal('other')
+    v.literal('other'),
   ),
 
   // Display control
@@ -219,7 +219,7 @@ z.object({
   libraries: z.array(librarySchema).optional(),
   categories: z
     .array(
-      z.enum(['release', 'announcement', 'blog', 'partner', 'update', 'other'])
+      z.enum(['release', 'announcement', 'blog', 'partner', 'update', 'other']),
     )
     .optional(),
   partners: z.array(z.string()).optional(),
diff --git a/agents/tasks/tanstack-com-task-list.md b/agents/tasks/tanstack-com-task-list.md
index 3a9509a8c..25866d00f 100644
--- a/agents/tasks/tanstack-com-task-list.md
+++ b/agents/tasks/tanstack-com-task-list.md
@@ -28,7 +28,6 @@
 ### Tasks
 
 - [ ] Implement “Trusted By” on homepage
-
   - Status: Backlog
   - Notes:
     - Reuse `TrustedByMarquee` but upgrade to support logos + links + tooltip proof.
@@ -43,7 +42,6 @@
   - Owner:
 
 - [ ] Add Real-Time Metrics Counters (per-library + org rollup)
-
   - Status: Partial (org rollup live via `OpenSourceStats`)
   - Notes:
     - Extend counters to per-library pages using existing Convex endpoints or add repo-level endpoints via `convex-oss-stats` if needed.
@@ -91,7 +89,6 @@
 ### Tasks
 
 - [ ] Redesign/Create “About” page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/about.tsx`.
@@ -101,7 +98,6 @@
   - Links: `src/components/MaintainerCard.tsx`, `src/routes/_libraries/maintainers.tsx`.
 
 - [ ] Speaking Engagements section
-
   - Status: Backlog
   - Notes:
     - Add to About or standalone `src/routes/speaking.tsx`.
@@ -136,7 +132,6 @@
 ### Tasks
 
 - [ ] “Enterprise” page
-
   - Status: Partial
   - Notes:
     - Option 1: Rename and expand `paid-support` into `enterprise` (route alias + updated copy) while keeping legacy route.
@@ -165,7 +160,6 @@
 ### Tasks
 
 - [ ] Public Roadmap page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/roadmap.tsx`.
@@ -194,7 +188,6 @@
 ### Tasks
 
 - [ ] Press/Media Kit page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/media-kit.tsx`.
@@ -203,7 +196,6 @@
   - Acceptance: Page provides direct downloads and usage rules.
 
 - [ ] In the News page
-
   - Status: Backlog
   - Notes:
     - Route: `src/routes/news.tsx`.
diff --git a/convex/capabilities.ts b/convex/capabilities.ts
index 5fa79a199..496b0fa92 100644
--- a/convex/capabilities.ts
+++ b/convex/capabilities.ts
@@ -6,7 +6,7 @@ import { Id } from './_generated/dataModel'
 // Extracted to avoid circular dependencies between users.ts and roles.ts
 export async function getEffectiveCapabilities(
   ctx: QueryCtx,
-  userId: Id<'users'>
+  userId: Id<'users'>,
 ): Promise<Capability[]> {
   // Get user's direct capabilities
   const user = await ctx.db.get(userId)
@@ -32,7 +32,7 @@ export async function getEffectiveCapabilities(
 
   // Union of direct capabilities and role capabilities
   const effectiveCapabilities = Array.from(
-    new Set<Capability>([...directCapabilities, ...roleCapabilities])
+    new Set<Capability>([...directCapabilities, ...roleCapabilities]),
   )
 
   // Admin users automatically get feed capability
diff --git a/convex/feed/actions.ts b/convex/feed/actions.ts
index 2f7a92c3a..eedb769b7 100644
--- a/convex/feed/actions.ts
+++ b/convex/feed/actions.ts
@@ -25,7 +25,7 @@ export const syncAllSources = action({
     try {
       const githubResult: { success: boolean } = await ctx.runAction(
         api.feed.github.syncGitHubReleases,
-        {} // Uses default of 2 days
+        {}, // Uses default of 2 days
       )
       results.github.success = githubResult.success
     } catch (error) {
diff --git a/convex/feed/blog.ts b/convex/feed/blog.ts
index 09a8b7ff9..5409adef8 100644
--- a/convex/feed/blog.ts
+++ b/convex/feed/blog.ts
@@ -65,7 +65,7 @@ export const syncBlogPosts = action({
         excerpt: v.optional(v.string()),
         content: v.string(),
         authors: v.array(v.string()),
-      })
+      }),
     ),
   },
   handler: async (ctx, args) => {
diff --git a/convex/feed/crons.ts b/convex/feed/crons.ts
index 5923252bd..41534ce1f 100644
--- a/convex/feed/crons.ts
+++ b/convex/feed/crons.ts
@@ -10,7 +10,7 @@ crons.hourly(
     minuteUTC: 0,
   },
   api.feed.github.syncGitHubReleases,
-  {}
+  {},
 )
 
 // Note: Blog sync requires server-side access to content-collections
diff --git a/convex/feed/crypto.ts b/convex/feed/crypto.ts
index f6339d693..ac5bf29f3 100644
--- a/convex/feed/crypto.ts
+++ b/convex/feed/crypto.ts
@@ -19,7 +19,7 @@ export const verifyGitHubSignature = action({
     const digest = 'sha256=' + hmac.update(args.payload).digest('hex')
     return crypto.timingSafeEqual(
       Buffer.from(args.signature),
-      Buffer.from(digest)
+      Buffer.from(digest),
     )
   },
 })
diff --git a/convex/feed/github.ts b/convex/feed/github.ts
index b4aadf9fd..342fc53dd 100644
--- a/convex/feed/github.ts
+++ b/convex/feed/github.ts
@@ -155,7 +155,7 @@ async function getLastSyncTime(ctx: any, repo: string): Promise<number | null> {
 async function updateLastSyncTime(
   ctx: any,
   repo: string,
-  timestamp: number
+  timestamp: number,
 ): Promise<void> {
   const configKey = `github:sync:${repo}`
   await ctx.runMutation(api.feed.mutations.setFeedConfig, {
@@ -173,7 +173,7 @@ async function updateLastSyncTime(
 async function fetchRepoReleases(
   repo: string,
   token: string,
-  since?: number
+  since?: number,
 ): Promise<any[]> {
   const url = `https://api.github.com/repos/${repo}/releases?per_page=100&page=1`
 
@@ -211,7 +211,7 @@ async function fetchRepoReleases(
   // Filter by since timestamp if provided
   if (since && since > 0) {
     return releases.filter(
-      (release: any) => new Date(release.published_at).getTime() > since
+      (release: any) => new Date(release.published_at).getTime() > since,
     )
   }
 
@@ -234,7 +234,7 @@ export const syncGitHubReleases = action({
     const token = process.env.GITHUB_AUTH_TOKEN
     if (!token) {
       throw new Error(
-        'GITHUB_AUTH_TOKEN not configured. Please set it in Convex dashboard.'
+        'GITHUB_AUTH_TOKEN not configured. Please set it in Convex dashboard.',
       )
     }
 
@@ -323,7 +323,7 @@ export const syncGitHubReleases = action({
           } catch (error) {
             console.error(
               `Error processing release ${release.id} from ${repo}:`,
-              error
+              error,
             )
             errorCount++
           }
diff --git a/convex/feed/http.ts b/convex/feed/http.ts
index 4d140a5da..ae18fd40a 100644
--- a/convex/feed/http.ts
+++ b/convex/feed/http.ts
@@ -10,7 +10,7 @@ export const handleGitHubWebhook = httpAction(async (ctx, request) => {
       {
         status: 500,
         headers: { 'Content-Type': 'application/json' },
-      }
+      },
     )
   }
 
@@ -55,7 +55,7 @@ export const handleGitHubWebhook = httpAction(async (ctx, request) => {
       {
         status: 200,
         headers: { 'Content-Type': 'application/json' },
-      }
+      },
     )
   }
 
@@ -109,6 +109,6 @@ export const handleGitHubWebhook = httpAction(async (ctx, request) => {
     {
       status: 200,
       headers: { 'Content-Type': 'application/json' },
-    }
+    },
   )
 })
diff --git a/convex/feed/manual.ts b/convex/feed/manual.ts
index 1b7dba684..1caef2a0a 100644
--- a/convex/feed/manual.ts
+++ b/convex/feed/manual.ts
@@ -33,7 +33,7 @@ export function generateManualEntryId(): string {
  */
 export function generateExcerpt(
   content: string,
-  maxLength: number = 200
+  maxLength: number = 200,
 ): string {
   // Remove markdown headers, links, etc. for a cleaner excerpt
   const plainText = content
diff --git a/convex/feed/mutations.ts b/convex/feed/mutations.ts
index b3c255bce..12a711047 100644
--- a/convex/feed/mutations.ts
+++ b/convex/feed/mutations.ts
@@ -34,7 +34,7 @@ export const createFeedEntry = mutation({
     const publishedAtValidation = validatePublishedAt(args.publishedAt)
     if (!publishedAtValidation.valid) {
       throw new Error(
-        `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published, not when it was added to the feed.`
+        `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published, not when it was added to the feed.`,
       )
     }
 
@@ -46,7 +46,7 @@ export const createFeedEntry = mutation({
 
     if (existing) {
       throw new Error(
-        `Feed entry with ID "${args.id}" already exists. Please try again or edit the existing entry.`
+        `Feed entry with ID "${args.id}" already exists. Please try again or edit the existing entry.`,
       )
     }
 
@@ -116,7 +116,7 @@ export const updateFeedEntry = mutation({
       const publishedAtValidation = validatePublishedAt(args.publishedAt)
       if (!publishedAtValidation.valid) {
         throw new Error(
-          `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published.`
+          `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published.`,
         )
       }
       updates.publishedAt = args.publishedAt
diff --git a/convex/feed/queries.ts b/convex/feed/queries.ts
index 51592d880..0f07c48a9 100644
--- a/convex/feed/queries.ts
+++ b/convex/feed/queries.ts
@@ -21,7 +21,7 @@ export const listFeedEntries = query({
         featured: v.optional(v.boolean()),
         search: v.optional(v.string()),
         includeHidden: v.optional(v.boolean()), // Admin flag to show all entries
-      })
+      }),
     ),
   },
   handler: async (ctx, args) => {
@@ -36,26 +36,26 @@ export const listFeedEntries = query({
       : await ctx.db
           .query('feedEntries')
           .withIndex('by_visible', (q) =>
-            q.eq('isVisible', true).gte('publishedAt', 0)
+            q.eq('isVisible', true).gte('publishedAt', 0),
           )
           .collect()
 
     // Apply filters
     if (filters.sources && filters.sources.length > 0) {
       entries = entries.filter((entry) =>
-        filters.sources!.includes(entry.source)
+        filters.sources!.includes(entry.source),
       )
     }
 
     if (filters.categories && filters.categories.length > 0) {
       entries = entries.filter((entry) =>
-        filters.categories!.includes(entry.category)
+        filters.categories!.includes(entry.category),
       )
     }
 
     if (filters.libraries && filters.libraries.length > 0) {
       entries = entries.filter((entry) =>
-        entry.libraryIds.some((libId) => filters.libraries!.includes(libId))
+        entry.libraryIds.some((libId) => filters.libraries!.includes(libId)),
       )
     }
 
@@ -64,14 +64,14 @@ export const listFeedEntries = query({
         (entry) =>
           entry.partnerIds &&
           entry.partnerIds.some((partnerId) =>
-            filters.partners!.includes(partnerId)
-          )
+            filters.partners!.includes(partnerId),
+          ),
       )
     }
 
     if (filters.tags && filters.tags.length > 0) {
       entries = entries.filter((entry) =>
-        filters.tags!.some((tag) => entry.tags.includes(tag))
+        filters.tags!.some((tag) => entry.tags.includes(tag)),
       )
     }
 
@@ -83,7 +83,7 @@ export const listFeedEntries = query({
       entries = entries.filter((entry) => {
         // Check if entry has release level tags
         const releaseLevelTags = entry.tags.filter((tag) =>
-          tag.startsWith('release:')
+          tag.startsWith('release:'),
         )
         if (releaseLevelTags.length === 0) {
           // Not a release entry, include it (unless explicitly filtering releases only)
@@ -96,7 +96,7 @@ export const listFeedEntries = query({
 
         // Check if this is a prerelease
         const isPrerelease = releaseLevelTags.some(
-          (tag) => tag === 'release:prerelease'
+          (tag) => tag === 'release:prerelease',
         )
 
         // If it's a prerelease, check includePrerelease flag
@@ -109,7 +109,7 @@ export const listFeedEntries = query({
           (tag) =>
             tag === 'release:major' ||
             tag === 'release:minor' ||
-            tag === 'release:patch'
+            tag === 'release:patch',
         )
         if (!baseReleaseTag) {
           return false
@@ -136,7 +136,7 @@ export const listFeedEntries = query({
     if (filters.search && filters.search.length > 0) {
       const searchLower = filters.search.toLowerCase()
       entries = entries.filter((entry) =>
-        entry.title.toLowerCase().includes(searchLower)
+        entry.title.toLowerCase().includes(searchLower),
       )
     }
 
@@ -247,7 +247,7 @@ export const getFeedFacetCounts = query({
         featured: v.optional(v.boolean()),
         search: v.optional(v.string()),
         includeHidden: v.optional(v.boolean()),
-      })
+      }),
     ),
   },
   handler: async (ctx, args) => {
@@ -260,7 +260,7 @@ export const getFeedFacetCounts = query({
       : await ctx.db
           .query('feedEntries')
           .withIndex('by_visible', (q) =>
-            q.eq('isVisible', true).gte('publishedAt', 0)
+            q.eq('isVisible', true).gte('publishedAt', 0),
           )
           .collect()
 
@@ -286,7 +286,7 @@ export const getFeedFacetCounts = query({
         | 'releaseLevels'
         | 'includePrerelease'
         | 'featured'
-        | 'search'
+        | 'search',
     ) => {
       let filtered = [...entriesToFilter]
 
@@ -296,7 +296,7 @@ export const getFeedFacetCounts = query({
         filters.sources.length > 0
       ) {
         filtered = filtered.filter((entry) =>
-          filters.sources!.includes(entry.source)
+          filters.sources!.includes(entry.source),
         )
       }
 
@@ -306,7 +306,7 @@ export const getFeedFacetCounts = query({
         filters.categories.length > 0
       ) {
         filtered = filtered.filter((entry) =>
-          filters.categories!.includes(entry.category)
+          filters.categories!.includes(entry.category),
         )
       }
 
@@ -316,7 +316,7 @@ export const getFeedFacetCounts = query({
         filters.libraries.length > 0
       ) {
         filtered = filtered.filter((entry) =>
-          entry.libraryIds.some((libId) => filters.libraries!.includes(libId))
+          entry.libraryIds.some((libId) => filters.libraries!.includes(libId)),
         )
       }
 
@@ -329,14 +329,14 @@ export const getFeedFacetCounts = query({
           (entry) =>
             entry.partnerIds &&
             entry.partnerIds.some((partnerId) =>
-              filters.partners!.includes(partnerId)
-            )
+              filters.partners!.includes(partnerId),
+            ),
         )
       }
 
       if (excludeFacet !== 'tags' && filters.tags && filters.tags.length > 0) {
         filtered = filtered.filter((entry) =>
-          filters.tags!.some((tag) => entry.tags.includes(tag))
+          filters.tags!.some((tag) => entry.tags.includes(tag)),
         )
       }
 
@@ -347,7 +347,7 @@ export const getFeedFacetCounts = query({
         if (filters.releaseLevels !== undefined) {
           filtered = filtered.filter((entry) => {
             const releaseLevelTags = entry.tags.filter((tag) =>
-              tag.startsWith('release:')
+              tag.startsWith('release:'),
             )
             if (releaseLevelTags.length === 0) {
               return true
@@ -356,7 +356,7 @@ export const getFeedFacetCounts = query({
               return false
             }
             const isPrerelease = releaseLevelTags.some(
-              (tag) => tag === 'release:prerelease'
+              (tag) => tag === 'release:prerelease',
             )
             if (isPrerelease && filters.includePrerelease !== true) {
               return false
@@ -365,7 +365,7 @@ export const getFeedFacetCounts = query({
               (tag) =>
                 tag === 'release:major' ||
                 tag === 'release:minor' ||
-                tag === 'release:patch'
+                tag === 'release:patch',
             )
             if (!baseReleaseTag) {
               return false
@@ -386,7 +386,7 @@ export const getFeedFacetCounts = query({
 
       if (excludeFacet !== 'featured' && filters.featured !== undefined) {
         filtered = filtered.filter(
-          (entry) => entry.featured === filters.featured
+          (entry) => entry.featured === filters.featured,
         )
       }
 
@@ -397,7 +397,7 @@ export const getFeedFacetCounts = query({
       ) {
         const searchLower = filters.search.toLowerCase()
         filtered = filtered.filter((entry) =>
-          entry.title.toLowerCase().includes(searchLower)
+          entry.title.toLowerCase().includes(searchLower),
         )
       }
 
@@ -443,14 +443,14 @@ export const getFeedFacetCounts = query({
     const releaseEntries = applyFiltersExcept(entries, 'releaseLevels')
     for (const entry of releaseEntries) {
       const releaseLevelTags = entry.tags.filter((tag) =>
-        tag.startsWith('release:')
+        tag.startsWith('release:'),
       )
       if (releaseLevelTags.length > 0) {
         const baseReleaseTag = releaseLevelTags.find(
           (tag) =>
             tag === 'release:major' ||
             tag === 'release:minor' ||
-            tag === 'release:patch'
+            tag === 'release:patch',
         )
         if (baseReleaseTag) {
           const level = baseReleaseTag.replace('release:', '')
@@ -462,13 +462,13 @@ export const getFeedFacetCounts = query({
     // Count prerelease (separate from release levels)
     const prereleaseEntries = applyFiltersExcept(entries, 'includePrerelease')
     const prereleaseCount = prereleaseEntries.filter((entry) =>
-      entry.tags.includes('release:prerelease')
+      entry.tags.includes('release:prerelease'),
     ).length
 
     // Count featured
     const featuredEntries = applyFiltersExcept(entries, 'featured')
     const featuredCount = featuredEntries.filter(
-      (entry) => entry.featured
+      (entry) => entry.featured,
     ).length
 
     return {
diff --git a/convex/feed/schema.ts b/convex/feed/schema.ts
index 8fd4bea5e..8b501db50 100644
--- a/convex/feed/schema.ts
+++ b/convex/feed/schema.ts
@@ -23,9 +23,9 @@ export type ReleaseLevel = (typeof RELEASE_LEVELS)[number]
  * Convex validators derived from constants
  */
 export const feedCategoryValidator = v.union(
-  ...FEED_CATEGORIES.map((cat) => v.literal(cat))
+  ...FEED_CATEGORIES.map((cat) => v.literal(cat)),
 )
 
 export const releaseLevelValidator = v.union(
-  ...RELEASE_LEVELS.map((level) => v.literal(level))
+  ...RELEASE_LEVELS.map((level) => v.literal(level)),
 )
diff --git a/convex/feed/timestamps.ts b/convex/feed/timestamps.ts
index 116114885..336cf954f 100644
--- a/convex/feed/timestamps.ts
+++ b/convex/feed/timestamps.ts
@@ -39,7 +39,7 @@ export function getEffectivePublishedAt(entry: {
 
   // Fallback to createdAt if publishedAt is invalid
   console.warn(
-    `Invalid publishedAt (${entry.publishedAt}) for entry, using createdAt (${entry.createdAt})`
+    `Invalid publishedAt (${entry.publishedAt}) for entry, using createdAt (${entry.createdAt})`,
   )
   return entry.createdAt
 }
diff --git a/convex/roles.ts b/convex/roles.ts
index 085b40796..b78bfe862 100644
--- a/convex/roles.ts
+++ b/convex/roles.ts
@@ -20,9 +20,9 @@ export const listRoles = query({
           v.literal('admin'),
           v.literal('disableAds'),
           v.literal('builder'),
-          v.literal('feed')
-        )
-      )
+          v.literal('feed'),
+        ),
+      ),
     ),
   },
   handler: async (ctx, args) => {
@@ -38,14 +38,14 @@ export const listRoles = query({
         (role) =>
           role.name.toLowerCase().includes(nameLower) ||
           (role.description &&
-            role.description.toLowerCase().includes(nameLower))
+            role.description.toLowerCase().includes(nameLower)),
       )
     }
 
     // Apply capability filter
     if (args.capabilityFilter && args.capabilityFilter.length > 0) {
       roles = roles.filter((role) =>
-        args.capabilityFilter!.some((cap) => role.capabilities.includes(cap))
+        args.capabilityFilter!.some((cap) => role.capabilities.includes(cap)),
       )
     }
 
@@ -78,8 +78,8 @@ export const createRole = mutation({
         v.literal('admin'),
         v.literal('disableAds'),
         v.literal('builder'),
-        v.literal('feed')
-      )
+        v.literal('feed'),
+      ),
     ),
   },
   handler: async (ctx, args) => {
@@ -97,7 +97,7 @@ export const createRole = mutation({
 
     // Validate capabilities
     const validatedCapabilities = CapabilitySchema.array().parse(
-      args.capabilities
+      args.capabilities,
     )
 
     const now = Date.now()
@@ -125,9 +125,9 @@ export const updateRole = mutation({
           v.literal('admin'),
           v.literal('disableAds'),
           v.literal('builder'),
-          v.literal('feed')
-        )
-      )
+          v.literal('feed'),
+        ),
+      ),
     ),
   },
   handler: async (ctx, args) => {
@@ -159,7 +159,7 @@ export const updateRole = mutation({
     if (args.description !== undefined) updates.description = args.description
     if (args.capabilities !== undefined) {
       const validatedCapabilities = CapabilitySchema.array().parse(
-        args.capabilities
+        args.capabilities,
       )
       updates.capabilities = validatedCapabilities
     }
@@ -223,7 +223,7 @@ export const getUserRoles = query({
       .collect()
 
     const roles = await Promise.all(
-      roleAssignments.map((ra) => ctx.db.get(ra.roleId))
+      roleAssignments.map((ra) => ctx.db.get(ra.roleId)),
     )
 
     return roles.filter((role) => role !== null)
@@ -247,7 +247,7 @@ export const assignRolesToUser = mutation({
 
     // Validate that all roles exist
     const roles = await Promise.all(
-      args.roleIds.map((roleId) => ctx.db.get(roleId))
+      args.roleIds.map((roleId) => ctx.db.get(roleId)),
     )
     if (roles.some((role) => role === null)) {
       throw new Error('One or more roles not found')
@@ -264,13 +264,13 @@ export const assignRolesToUser = mutation({
 
     // Delete assignments that are no longer needed
     const toDelete = existingAssignments.filter(
-      (ra) => !newRoleIds.has(ra.roleId)
+      (ra) => !newRoleIds.has(ra.roleId),
     )
     await Promise.all(toDelete.map((ra) => ctx.db.delete(ra._id)))
 
     // Create new assignments
     const toCreate = args.roleIds.filter(
-      (roleId) => !existingRoleIds.has(roleId)
+      (roleId) => !existingRoleIds.has(roleId),
     )
     const now = Date.now()
     await Promise.all(
@@ -279,8 +279,8 @@ export const assignRolesToUser = mutation({
           userId: args.userId,
           roleId,
           createdAt: now,
-        })
-      )
+        }),
+      ),
     )
 
     return { success: true }
@@ -322,7 +322,7 @@ export const getBulkUserRoles = query({
     // Filter to only assignments for our users
     const userIdsSet = new Set(args.userIds)
     const relevantAssignments = allAssignments.filter((ra) =>
-      userIdsSet.has(ra.userId)
+      userIdsSet.has(ra.userId),
     )
 
     // Group by userId
@@ -338,13 +338,13 @@ export const getBulkUserRoles = query({
 
     // Get all unique role IDs
     const roleIds = Array.from(
-      new Set(relevantAssignments.map((ra) => ra.roleId))
+      new Set(relevantAssignments.map((ra) => ra.roleId)),
     )
     const roles = await Promise.all(roleIds.map((roleId) => ctx.db.get(roleId)))
 
     // Build map of roleId -> role
     const roleMap = new Map(
-      roles.filter((r) => r !== null).map((r) => [r!._id, r!])
+      roles.filter((r) => r !== null).map((r) => [r!._id, r!]),
     )
 
     // Group assignments by user
@@ -377,7 +377,7 @@ export const getBulkEffectiveCapabilities = query({
 
     // Get all users
     const users = await Promise.all(
-      args.userIds.map((userId) => ctx.db.get(userId))
+      args.userIds.map((userId) => ctx.db.get(userId)),
     )
 
     // Get all role assignments in one query
@@ -385,12 +385,12 @@ export const getBulkEffectiveCapabilities = query({
 
     const userIdsSet = new Set(args.userIds)
     const relevantAssignments = allAssignments.filter((ra) =>
-      userIdsSet.has(ra.userId)
+      userIdsSet.has(ra.userId),
     )
 
     // Get all unique role IDs
     const roleIds = Array.from(
-      new Set(relevantAssignments.map((ra) => ra.roleId))
+      new Set(relevantAssignments.map((ra) => ra.roleId)),
     )
     const roles = await Promise.all(roleIds.map((roleId) => ctx.db.get(roleId)))
 
@@ -398,7 +398,7 @@ export const getBulkEffectiveCapabilities = query({
     const roleCapabilitiesMap = new Map(
       roles
         .filter((r) => r !== null)
-        .map((r) => [r!._id, r!.capabilities || []])
+        .map((r) => [r!._id, r!.capabilities || []]),
     )
 
     // Build result: userId -> effective capabilities
@@ -410,15 +410,15 @@ export const getBulkEffectiveCapabilities = query({
 
       // Get role capabilities for this user
       const userAssignments = relevantAssignments.filter(
-        (ra) => ra.userId === user._id
+        (ra) => ra.userId === user._id,
       )
       const roleCapabilities = userAssignments.flatMap(
-        (ra) => roleCapabilitiesMap.get(ra.roleId) || []
+        (ra) => roleCapabilitiesMap.get(ra.roleId) || [],
       )
 
       // Union of direct + role capabilities
       result[user._id] = Array.from(
-        new Set<Capability>([...directCapabilities, ...roleCapabilities])
+        new Set<Capability>([...directCapabilities, ...roleCapabilities]),
       )
     })
 
@@ -471,7 +471,7 @@ export const removeUsersFromRole = mutation({
 
     // Validate that all users exist
     const users = await Promise.all(
-      args.userIds.map((userId) => ctx.db.get(userId))
+      args.userIds.map((userId) => ctx.db.get(userId)),
     )
     if (users.some((user) => user === null)) {
       throw new Error('One or more users not found')
@@ -503,7 +503,7 @@ export const bulkAssignRolesToUsers = mutation({
 
     // Validate that all users exist
     const users = await Promise.all(
-      args.userIds.map((userId) => ctx.db.get(userId))
+      args.userIds.map((userId) => ctx.db.get(userId)),
     )
     if (users.some((user) => user === null)) {
       throw new Error('One or more users not found')
@@ -511,7 +511,7 @@ export const bulkAssignRolesToUsers = mutation({
 
     // Validate that all roles exist
     const roles = await Promise.all(
-      args.roleIds.map((roleId) => ctx.db.get(roleId))
+      args.roleIds.map((roleId) => ctx.db.get(roleId)),
     )
     if (roles.some((role) => role === null)) {
       throw new Error('One or more roles not found')
@@ -533,7 +533,7 @@ export const bulkAssignRolesToUsers = mutation({
         .collect()
 
       const existingRoleIds = new Set(
-        existingAssignments.map((ra) => ra.roleId)
+        existingAssignments.map((ra) => ra.roleId),
       )
 
       // Add new assignments for roles not already assigned
@@ -551,8 +551,8 @@ export const bulkAssignRolesToUsers = mutation({
     // Insert all new assignments
     await Promise.all(
       assignmentsToCreate.map((assignment) =>
-        ctx.db.insert('roleAssignments', assignment)
-      )
+        ctx.db.insert('roleAssignments', assignment),
+      ),
     )
 
     return { success: true, assigned: assignmentsToCreate.length }
diff --git a/discord-bot/src/index.js b/discord-bot/src/index.js
index e583e3c03..5c06f9425 100644
--- a/discord-bot/src/index.js
+++ b/discord-bot/src/index.js
@@ -67,7 +67,7 @@ async function init() {
     console.info(member)
 
     member.roles.add(
-      member.guild.roles.cache.find((i) => i.name === 'Among The Server')
+      member.guild.roles.cache.find((i) => i.name === 'Among The Server'),
     )
   })
 }
diff --git a/netlify/functions/refresh-stats-cache-background.ts b/netlify/functions/refresh-stats-cache-background.ts
index d99e2abd0..8298c1ad1 100644
--- a/netlify/functions/refresh-stats-cache-background.ts
+++ b/netlify/functions/refresh-stats-cache-background.ts
@@ -31,7 +31,7 @@ import { setCachedGitHubStats } from '~/utils/stats-db.server'
  */
 export const handler: Handler = async (
   event: HandlerEvent,
-  context: HandlerContext
+  context: HandlerContext,
 ) => {
   console.log('[refresh-stats-cache-background] Starting stats refresh...')
 
@@ -46,7 +46,7 @@ export const handler: Handler = async (
 
     // Refresh GitHub org stats
     console.log(
-      '[refresh-stats-cache-background] Refreshing GitHub org stats...'
+      '[refresh-stats-cache-background] Refreshing GitHub org stats...',
     )
     const githubCacheKey = `org:${org}`
     const githubStats = await fetchGitHubOwnerStats(org)
@@ -54,12 +54,12 @@ export const handler: Handler = async (
 
     // Refresh GitHub stats for each library repo
     console.log(
-      '[refresh-stats-cache-background] Refreshing GitHub stats for individual libraries...'
+      '[refresh-stats-cache-background] Refreshing GitHub stats for individual libraries...',
     )
     const { libraries } = await import('~/libraries')
     console.log(
       `[refresh-stats-cache-background] Found ${libraries.length} libraries to process:`,
-      libraries.map((lib) => ({ id: lib.id, repo: lib.repo }))
+      libraries.map((lib) => ({ id: lib.id, repo: lib.repo })),
     )
     const libraryResults = []
     const libraryErrors = []
@@ -68,13 +68,13 @@ export const handler: Handler = async (
       const library = libraries[i]
       if (!library.repo) {
         console.log(
-          `[refresh-stats-cache-background] Skipping library ${library.id} - no repo`
+          `[refresh-stats-cache-background] Skipping library ${library.id} - no repo`,
         )
         continue
       }
 
       console.log(
-        `[refresh-stats-cache-background] Processing library ${library.id} (${library.repo})...`
+        `[refresh-stats-cache-background] Processing library ${library.id} (${library.repo})...`,
       )
       try {
         const repoStats = await fetchGitHubRepoStats(library.repo)
@@ -83,11 +83,11 @@ export const handler: Handler = async (
             library.repo
           }: ${repoStats.starCount} stars, ${
             repoStats.contributorCount
-          } contributors, ${repoStats.dependentCount ?? 'N/A'} dependents`
+          } contributors, ${repoStats.dependentCount ?? 'N/A'} dependents`,
         )
         await setCachedGitHubStats(library.repo, repoStats, 1)
         console.log(
-          `[refresh-stats-cache-background] ✓ Successfully cached stats for ${library.repo}`
+          `[refresh-stats-cache-background] ✓ Successfully cached stats for ${library.repo}`,
         )
         libraryResults.push({
           repo: library.repo,
@@ -103,7 +103,7 @@ export const handler: Handler = async (
           error instanceof Error ? error.message : String(error)
         console.error(
           `[refresh-stats-cache-background] Failed to refresh ${library.repo}:`,
-          errorMessage
+          errorMessage,
         )
         libraryErrors.push({
           repo: library.repo,
@@ -118,7 +118,7 @@ export const handler: Handler = async (
         Object.keys(npmStats.packageStats || {}).length
       } packages), GitHub Org: ${githubStats.starCount.toLocaleString()} stars, Libraries: ${
         libraryResults.length
-      } refreshed, ${libraryErrors.length} failed`
+      } refreshed, ${libraryErrors.length} failed`,
     )
 
     return {
@@ -154,7 +154,7 @@ export const handler: Handler = async (
 
     console.error(
       `[refresh-stats-cache-background] ✗ Failed after ${duration}ms:`,
-      errorMessage
+      errorMessage,
     )
     if (errorStack) {
       console.error('[refresh-stats-cache-background] Stack:', errorStack)
diff --git a/netlify/functions/sync-github-releases-background.ts b/netlify/functions/sync-github-releases-background.ts
index c704bc481..a04f6b312 100644
--- a/netlify/functions/sync-github-releases-background.ts
+++ b/netlify/functions/sync-github-releases-background.ts
@@ -22,10 +22,10 @@ import { syncGitHubReleases } from '~/server/feed/github.functions'
  */
 export const handler: Handler = async (
   event: HandlerEvent,
-  context: HandlerContext
+  context: HandlerContext,
 ) => {
   console.log(
-    '[sync-github-releases-background] Starting GitHub release sync...'
+    '[sync-github-releases-background] Starting GitHub release sync...',
   )
 
   const startTime = Date.now()
@@ -35,7 +35,7 @@ export const handler: Handler = async (
 
     const duration = Date.now() - startTime
     console.log(
-      `[sync-github-releases-background] ✓ Completed in ${duration}ms - Synced: ${result.syncedCount}, Skipped: ${result.skippedCount}, Errors: ${result.errorCount}`
+      `[sync-github-releases-background] ✓ Completed in ${duration}ms - Synced: ${result.syncedCount}, Skipped: ${result.skippedCount}, Errors: ${result.errorCount}`,
     )
 
     return {
@@ -57,7 +57,7 @@ export const handler: Handler = async (
 
     console.error(
       `[sync-github-releases-background] ✗ Failed after ${duration}ms:`,
-      errorMessage
+      errorMessage,
     )
     if (errorStack) {
       console.error('[sync-github-releases-background] Stack:', errorStack)
diff --git a/package.json b/package.json
index 8723cff61..ea122f81e 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "build": "vite build",
     "start": "vite start",
     "lint": "eslint --ext .ts,.tsx ./src",
-    "format": "prettier --write '**/*' --ignore-unknown",
+    "format": "prettier --experimental-cli --ignore-unknown '**/*' --write",
     "linkAll": "node scripts/link.js",
     "db:generate": "drizzle-kit generate",
     "db:migrate": "drizzle-kit migrate",
@@ -115,7 +115,7 @@
     "eslint-plugin-unicorn": "^49.0.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.35",
-    "prettier": "^2.8.8",
+    "prettier": "^3.7.4",
     "tailwindcss": "^4.1.11",
     "tsx": "^4.21.0",
     "typescript": "^5.6.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f8ecd4661..d5f2323eb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -289,8 +289,8 @@ importers:
         specifier: ^8.4.35
         version: 8.5.6
       prettier:
-        specifier: ^2.8.8
-        version: 2.8.8
+        specifier: ^3.7.4
+        version: 3.7.4
       tailwindcss:
         specifier: ^4.1.11
         version: 4.1.11
@@ -7083,13 +7083,8 @@ packages:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
-  prettier@2.8.8:
-    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
-    engines: {node: '>=10.13.0'}
-    hasBin: true
-
-  prettier@3.6.2:
-    resolution: {integrity: sha512-I7AIg5boAr5R0FFtJ6rCfD+LFsWHp81dolrFD8S79U9tb8Az2nGrJncnMSnys+bpQJfRUzqs9hnA81OAA3hCuQ==}
+  prettier@3.7.4:
+    resolution: {integrity: sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==}
     engines: {node: '>=14'}
     hasBin: true
 
@@ -11865,7 +11860,7 @@ snapshots:
       '@tanstack/router-core': 1.139.12
       '@tanstack/router-utils': 1.139.0
       '@tanstack/virtual-file-routes': 1.139.0
-      prettier: 3.6.2
+      prettier: 3.7.4
       recast: 0.23.11
       source-map: 0.7.6
       tsx: 4.21.0
@@ -16184,9 +16179,7 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier@2.8.8: {}
-
-  prettier@3.6.2: {}
+  prettier@3.7.4: {}
 
   pretty-format@3.8.0: {}
 
diff --git a/prettier.config.js b/prettier.config.js
new file mode 100644
index 000000000..2c53b10e3
--- /dev/null
+++ b/prettier.config.js
@@ -0,0 +1,10 @@
+// @ts-check
+
+/** @type {import('prettier').Config} */
+const config = {
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'all',
+}
+
+export default config
diff --git a/scripts/migrate-data.md b/scripts/migrate-data.md
index 59f4ec79c..582df0dfb 100644
--- a/scripts/migrate-data.md
+++ b/scripts/migrate-data.md
@@ -7,7 +7,6 @@ This guide covers migrating data from Convex to PostgreSQL (Neon DB).
 ## Prerequisites
 
 1. **Export Convex Data**
-
    - Use Convex dashboard or CLI to export all tables
    - Export format: JSON or CSV
    - Tables to export:
@@ -32,18 +31,15 @@ This guide covers migrating data from Convex to PostgreSQL (Neon DB).
 Create a transformation script that:
 
 1. **Convert Convex IDs to UUIDs**
-
    - Generate new UUIDs for each record
    - Maintain mapping for foreign key relationships
 
 2. **Transform Timestamps**
-
    - Convex: milliseconds (number)
    - PostgreSQL: `timestamp with time zone` (Date object)
    - Convert: `new Date(timestamp)` for milliseconds
 
 3. **Transform Arrays**
-
    - Convex: stored as arrays
    - PostgreSQL: array columns (already compatible)
    - Ensure proper formatting
@@ -117,7 +113,6 @@ WHERE u.id IS NULL;
    ```
 
 2. **Verify functionality**:
-
    - Test authentication flow
    - Test feed queries
    - Test admin interfaces
diff --git a/src/blog/announcing-tanstack-form-v1.md b/src/blog/announcing-tanstack-form-v1.md
index e55750ffa..9e89d163d 100644
--- a/src/blog/announcing-tanstack-form-v1.md
+++ b/src/blog/announcing-tanstack-form-v1.md
@@ -75,8 +75,8 @@ We even support type-checking what errors are returned in `<form.Field>`:
   children={(field) => (
     <>
       <NumberInput value={field.state.value} />
-      // TypeScript will correctly tell you that `errorMap.onChange` // is an object,
-      not a string
+      // TypeScript will correctly tell you that `errorMap.onChange` // is an
+      object, not a string
       <p>{field.state.meta.errorMap.onChange}</p>
     </>
   )}
@@ -154,7 +154,7 @@ const serverValidate = createServerValidate({
 export const getFormDataFromServer = createServerFn({ method: 'GET' }).handler(
   async () => {
     return getFormData()
-  }
+  },
 )
 ```
 
diff --git a/src/blog/directives-and-the-platform-boundary.md b/src/blog/directives-and-the-platform-boundary.md
index 683b17271..0170be024 100644
--- a/src/blog/directives-and-the-platform-boundary.md
+++ b/src/blog/directives-and-the-platform-boundary.md
@@ -73,7 +73,7 @@ export const action = server(
     method: 'POST',
     headers: { 'x-foo': 'bar' },
     middleware: [requireAuth()],
-  }
+  },
 )
 ```
 
@@ -208,7 +208,7 @@ export const sendEmail = workflow(
   async (input) => {
     /* ... */
   },
-  { retries: 3, timeout: '1m' }
+  { retries: 3, timeout: '1m' },
 )
 
 export const handle = step(
@@ -216,7 +216,7 @@ export const handle = step(
   async () => {
     /* ... */
   },
-  { cache: 60 }
+  { cache: 60 },
 )
 ```
 
@@ -240,7 +240,7 @@ export const task = workflow(
   async () => {
     /* ... */
   },
-  { retries: 5 }
+  { retries: 5 },
 )
 ```
 
diff --git a/src/blog/tanstack-db-0.5-query-driven-sync.md b/src/blog/tanstack-db-0.5-query-driven-sync.md
index 8d7b40d93..ea12adcfb 100644
--- a/src/blog/tanstack-db-0.5-query-driven-sync.md
+++ b/src/blog/tanstack-db-0.5-query-driven-sync.md
@@ -18,7 +18,7 @@ const { data: projectTodos } = useLiveQuery((q) =>
     .from({ todos })
     .join({ projects }, (t, p) => eq(t.projectId, p.id))
     .where(({ todos }) => eq(todos.status, 'active'))
-    .where(({ projects }) => eq(projects.id, 123))
+    .where(({ projects }) => eq(projects.id, 123)),
 )
 
 // ...becomes these precise API calls automatically:
@@ -51,7 +51,7 @@ function TodoList({ filter }) {
       q
         .from({ todos: todoCollection })
         .where(({ todos }) => eq(todos.status, filter)),
-    [filter]
+    [filter],
   )
   return todos.map((t) => <TodoItem todo={t} />)
 }
@@ -115,7 +115,7 @@ const productsCollection = createCollection(
       return api.getProducts(params)
     },
     syncMode: 'on-demand', // ← New!
-  })
+  }),
 )
 ```
 
@@ -126,10 +126,10 @@ const { data: electronics } = useLiveQuery((q) =>
   q
     .from({ product: productsCollection })
     .where(({ product }) =>
-      and(eq(product.category, 'electronics'), lt(product.price, 100))
+      and(eq(product.category, 'electronics'), lt(product.price, 100)),
     )
     .orderBy(({ product }) => product.price, 'asc')
-    .limit(10)
+    .limit(10),
 )
 ```
 
@@ -158,12 +158,12 @@ Multiple components requesting the same data trigger exactly one network call:
 ```tsx
 // Component A
 const { data: active } = useLiveQuery((q) =>
-  q.from({ todos }).where(({ todos }) => eq(todos.status, 'active'))
+  q.from({ todos }).where(({ todos }) => eq(todos.status, 'active')),
 )
 
 // Component B (same query, different component)
 const { data: active } = useLiveQuery((q) =>
-  q.from({ todos }).where(({ todos }) => eq(todos.status, 'active'))
+  q.from({ todos }).where(({ todos }) => eq(todos.status, 'active')),
 )
 
 // Result: ONE network request
@@ -205,7 +205,7 @@ const { data } = useLiveQuery((q) =>
   q
     .from({ todos })
     .join({ projects }, (t, p) => eq(t.projectId, p.id))
-    .where(({ todos }) => eq(todos.status, 'active'))
+    .where(({ todos }) => eq(todos.status, 'active')),
 )
 
 // Network calls:
@@ -254,14 +254,14 @@ const todoCollection = createCollection(
   electricCollectionOptions({
     table: 'todos',
     syncMode: 'progressive',
-  })
+  }),
 )
 
 // First query loads immediately (on-demand)
 const { data: urgentTodos } = useLiveQuery((q) =>
   q
     .from({ todos: todoCollection })
-    .where(({ todos }) => eq(todos.priority, 'urgent'))
+    .where(({ todos }) => eq(todos.priority, 'urgent')),
 )
 // ~100ms: Network request for urgent todos only
 
@@ -299,7 +299,7 @@ We provide helper functions to make this straightforward:
 queryFn: async (ctx) => {
   // Parse expression trees into a simple format
   const { filters, sorts, limit } = parseLoadSubsetOptions(
-    ctx.meta?.loadSubsetOptions
+    ctx.meta?.loadSubsetOptions,
   )
 
   // Map to your REST API's query parameters
diff --git a/src/blog/tanstack-router-typescript-performance.md b/src/blog/tanstack-router-typescript-performance.md
index 8c3d754dc..06b31a140 100644
--- a/src/blog/tanstack-router-typescript-performance.md
+++ b/src/blog/tanstack-router-typescript-performance.md
@@ -79,8 +79,11 @@ export type ParseRoute<TRouteTree, TAcc = TRouteTree> = TRouteTree extends {
   ? unknown extends TChildren
     ? TAcc
     : TChildren extends ReadonlyArray<any>
-    ? ParseRoute<TChildren[number], TAcc | TChildren[number]>
-    : ParseRoute<TChildren[keyof TChildren], TAcc | TChildren[keyof TChildren]>
+      ? ParseRoute<TChildren[number], TAcc | TChildren[number]>
+      : ParseRoute<
+          TChildren[keyof TChildren],
+          TAcc | TChildren[keyof TChildren]
+        >
   : TAcc
 ```
 
diff --git a/src/components/AILibraryHero.tsx b/src/components/AILibraryHero.tsx
index 758ec47de..87b2ffbd4 100644
--- a/src/components/AILibraryHero.tsx
+++ b/src/components/AILibraryHero.tsx
@@ -178,10 +178,10 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                 const currentSelectedService = getStoreState().selectedService
                 const targetService = getRandomIndex(
                   SERVICES.length,
-                  currentSelectedService ?? undefined
+                  currentSelectedService ?? undefined,
                 )
                 let currentServiceIndex = Math.floor(
-                  Math.random() * SERVICES.length
+                  Math.random() * SERVICES.length,
                 )
                 const serviceRotationCount = 6 + Math.floor(Math.random() * 3)
 
@@ -213,7 +213,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                         setPhase(AnimationPhase.SELECTING_SERVER)
                         const targetServer = getRandomIndex(SERVERS.length)
                         let currentServerIndex = Math.floor(
-                          Math.random() * SERVERS.length
+                          Math.random() * SERVERS.length,
                         )
                         const serverRotationCount =
                           8 + Math.floor(Math.random() * 4)
@@ -230,7 +230,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                                   (iteration - (serverRotationCount - 4)) * 50
                             addTimeoutHelper(
                               () => rotateServer(iteration + 1),
-                              delay
+                              delay,
                             )
                           } else {
                             // Final iteration - ensure we land on target
@@ -313,10 +313,10 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                     const chunkSize = 2 + Math.floor(Math.random() * 7)
                     const nextIndex = Math.min(
                       currentIndex + chunkSize,
-                      fullMessage.length
+                      fullMessage.length,
                     )
                     updateCurrentAssistantMessage(
-                      fullMessage.slice(0, nextIndex)
+                      fullMessage.slice(0, nextIndex),
                     )
                     currentIndex = nextIndex
                     // Random delay between 20ms and 80ms
@@ -368,7 +368,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
   const getOpacity = (
     index: number,
     selectedIndex: number | null,
-    rotatingIndex: number | null
+    rotatingIndex: number | null,
   ) => {
     if (rotatingIndex !== null && rotatingIndex === index) {
       return 1.0
@@ -391,7 +391,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
 
   const getConnectionOpacity = (
     frameworkIndex: number,
-    serverIndex: number
+    serverIndex: number,
   ) => {
     const isFrameworkSelected =
       selectedFramework !== null && selectedFramework === frameworkIndex
@@ -412,7 +412,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
 
   const getConnectionStrokeColor = (
     frameworkIndex: number,
-    serverIndex: number
+    serverIndex: number,
   ) => {
     // If no selections, ALWAYS return original stroke color (highest priority check)
     if (selectedFramework === null || selectedServer === null) {
@@ -459,7 +459,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
     index: number,
     selectedIndex: number | null,
     centerX: number,
-    centerY: number
+    centerY: number,
   ) => {
     if (selectedIndex === index) {
       return `translate(${centerX}, ${centerY}) scale(1.1) translate(-${centerX}, -${centerY})`
@@ -797,7 +797,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   0,
                   selectedFramework,
                   LIBRARY_CARD_LOCATIONS[0] + LIBRARY_CARD_WIDTH / 2,
-                  LIBRARY_CARD_HEIGHT / 2
+                  LIBRARY_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -817,7 +817,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   1,
                   selectedFramework,
                   LIBRARY_CARD_LOCATIONS[1] + LIBRARY_CARD_WIDTH / 2,
-                  LIBRARY_CARD_HEIGHT / 2
+                  LIBRARY_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -837,7 +837,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   2,
                   selectedFramework,
                   LIBRARY_CARD_LOCATIONS[2] + LIBRARY_CARD_WIDTH / 2,
-                  LIBRARY_CARD_HEIGHT / 2
+                  LIBRARY_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -857,7 +857,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   3,
                   selectedFramework,
                   LIBRARY_CARD_LOCATIONS[3] + LIBRARY_CARD_WIDTH / 2,
-                  LIBRARY_CARD_HEIGHT / 2
+                  LIBRARY_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -902,13 +902,13 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   selectedFramework === null || selectedServer === null
                     ? strokeColor
                     : // Only highlight during specific phases
-                    phase === AnimationPhase.SHOWING_CHAT ||
-                      phase === AnimationPhase.PULSING_CONNECTIONS ||
-                      phase === AnimationPhase.STREAMING_RESPONSE
-                    ? isDark
-                      ? 'rgba(255, 255, 240, 0.95)'
-                      : 'rgba(255, 255, 240, 0.95)'
-                    : strokeColor
+                      phase === AnimationPhase.SHOWING_CHAT ||
+                        phase === AnimationPhase.PULSING_CONNECTIONS ||
+                        phase === AnimationPhase.STREAMING_RESPONSE
+                      ? isDark
+                        ? 'rgba(255, 255, 240, 0.95)'
+                        : 'rgba(255, 255, 240, 0.95)'
+                      : strokeColor
                 }
                 strokeWidth={
                   phase === AnimationPhase.PULSING_CONNECTIONS ||
@@ -930,10 +930,10 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   selectedServer === null
                     ? 0.3
                     : phase === AnimationPhase.SHOWING_CHAT ||
-                      phase === AnimationPhase.PULSING_CONNECTIONS ||
-                      phase === AnimationPhase.STREAMING_RESPONSE
-                    ? 1.0
-                    : 0.3
+                        phase === AnimationPhase.PULSING_CONNECTIONS ||
+                        phase === AnimationPhase.STREAMING_RESPONSE
+                      ? 1.0
+                      : 0.3
                 }
                 className={
                   getConnectionPulse()
@@ -966,7 +966,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                     0,
                     selectedService,
                     SERVICE_LOCATIONS[0] + SERVICE_WIDTH / 2,
-                    SERVICE_Y_CENTER
+                    SERVICE_Y_CENTER,
                   )}
                 />
 
@@ -987,7 +987,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                     1,
                     selectedService,
                     SERVICE_LOCATIONS[1] + SERVICE_WIDTH / 2,
-                    SERVICE_Y_CENTER
+                    SERVICE_Y_CENTER,
                   )}
                 />
 
@@ -1008,7 +1008,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                     2,
                     selectedService,
                     SERVICE_LOCATIONS[2] + SERVICE_WIDTH / 2,
-                    SERVICE_Y_CENTER
+                    SERVICE_Y_CENTER,
                   )}
                 />
 
@@ -1028,7 +1028,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                     3,
                     selectedService,
                     SERVICE_LOCATIONS[3] + SERVICE_WIDTH / 2,
-                    SERVICE_Y_CENTER
+                    SERVICE_Y_CENTER,
                   )}
                 />
               </g>
@@ -1050,7 +1050,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   0,
                   selectedServer,
                   SERVER_CARD_LOCATIONS[0] + SERVER_CARD_WIDTH / 2,
-                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2
+                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -1071,7 +1071,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   1,
                   selectedServer,
                   SERVER_CARD_LOCATIONS[1] + SERVER_CARD_WIDTH / 2,
-                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2
+                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -1091,7 +1091,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   2,
                   selectedServer,
                   SERVER_CARD_LOCATIONS[2] + SERVER_CARD_WIDTH / 2,
-                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2
+                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2,
                 )}
               />
 
@@ -1111,7 +1111,7 @@ export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
                   3,
                   selectedServer,
                   SERVER_CARD_LOCATIONS[3] + SERVER_CARD_WIDTH / 2,
-                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2
+                  SERVER_CARD_Y_OFFSET + SERVER_CARD_HEIGHT / 2,
                 )}
               />
             </svg>
diff --git a/src/components/BackgroundGradient.tsx b/src/components/BackgroundGradient.tsx
index 6cb3b81ba..a727ba9b9 100644
--- a/src/components/BackgroundGradient.tsx
+++ b/src/components/BackgroundGradient.tsx
@@ -32,7 +32,7 @@ export function BackgroundGradient() {
               'dark:from-gray-300 dark:via-gray-300/30',
               'to-transparent',
             ]),
-        'opacity-20 dark:opacity-20'
+        'opacity-20 dark:opacity-20',
       )}
     />
   )
diff --git a/src/components/BottomCTA.tsx b/src/components/BottomCTA.tsx
index 9f47b9be7..35bf7b419 100644
--- a/src/components/BottomCTA.tsx
+++ b/src/components/BottomCTA.tsx
@@ -27,7 +27,7 @@ export function BottomCTA({
           {...linkProps}
           className={twMerge(
             'inline-block py-2 px-4 rounded uppercase font-extrabold transition-colors',
-            className
+            className,
           )}
         >
           {label}
diff --git a/src/components/BrandContextMenu.tsx b/src/components/BrandContextMenu.tsx
index dfcf32156..388703d66 100644
--- a/src/components/BrandContextMenu.tsx
+++ b/src/components/BrandContextMenu.tsx
@@ -33,7 +33,7 @@ export function BrandContextMenu({ children, ...rest }: BrandContextMenuProps) {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             SVG markup is now in your clipboard
           </div>
-        </div>
+        </div>,
       )
     } catch (err) {
       console.error('Clipboard error', err)
@@ -43,7 +43,7 @@ export function BrandContextMenu({ children, ...rest }: BrandContextMenuProps) {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Try again or download directly from the brand guide
           </div>
-        </div>
+        </div>,
       )
     }
   }
@@ -93,7 +93,7 @@ export function BrandContextMenu({ children, ...rest }: BrandContextMenuProps) {
               <DropdownMenu.Item
                 key={label}
                 className={twMerge(
-                  'flex cursor-pointer select-none items-center gap-2 rounded px-3 py-1 outline-none hover:bg-gray-500/20'
+                  'flex cursor-pointer select-none items-center gap-2 rounded px-3 py-1 outline-none hover:bg-gray-500/20',
                 )}
                 onSelect={async () => {
                   try {
@@ -111,7 +111,7 @@ export function BrandContextMenu({ children, ...rest }: BrandContextMenuProps) {
                     'p-1 rounded-full',
                     darkBg
                       ? 'bg-black text-white shadow-lg shadow-white/20'
-                      : 'bg-white text-black shadow-lg'
+                      : 'bg-white text-black shadow-lg',
                   )}
                 >
                   <img src={url} alt={label} className="h-6" />
diff --git a/src/components/BytesForm.tsx b/src/components/BytesForm.tsx
index 31fb6cf16..3e79d33c9 100644
--- a/src/components/BytesForm.tsx
+++ b/src/components/BytesForm.tsx
@@ -14,7 +14,7 @@ export default function BytesForm() {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Check your email to confirm your subscription
           </div>
-        </div>
+        </div>,
       )
     }
   }, [state, notify])
@@ -27,7 +27,7 @@ export default function BytesForm() {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Please try again in a moment
           </div>
-        </div>
+        </div>,
       )
     }
   }, [error, notify])
diff --git a/src/components/ChatPanel.tsx b/src/components/ChatPanel.tsx
index 56987904f..b82595516 100644
--- a/src/components/ChatPanel.tsx
+++ b/src/components/ChatPanel.tsx
@@ -106,8 +106,8 @@ export function ChatPanel({ messages, typingUserMessage }: ChatPanelProps) {
                   ? 'text-gray-200'
                   : 'text-gray-900'
                 : isDark
-                ? 'text-gray-600 italic'
-                : 'text-gray-400 italic'
+                  ? 'text-gray-600 italic'
+                  : 'text-gray-400 italic'
             }`}
           >
             {typingUserMessage || 'Type a message...'}
diff --git a/src/components/CodeExplorer.tsx b/src/components/CodeExplorer.tsx
index 4474ec3ba..176fab99e 100644
--- a/src/components/CodeExplorer.tsx
+++ b/src/components/CodeExplorer.tsx
@@ -121,12 +121,12 @@ export function CodeExplorer({
               isEmbedded
               className={twMerge(
                 'h-full border-0',
-                isFullScreen ? 'max-h-[90dvh]' : 'max-h-[80dvh]'
+                isFullScreen ? 'max-h-[90dvh]' : 'max-h-[80dvh]',
               )}
             >
               <code
                 className={`language-${overrideExtension(
-                  currentPath.split('.').pop()
+                  currentPath.split('.').pop(),
                 )}`}
               >
                 {currentCode}
diff --git a/src/components/CookieConsent.tsx b/src/components/CookieConsent.tsx
index 86ae3b58d..a565bb6df 100644
--- a/src/components/CookieConsent.tsx
+++ b/src/components/CookieConsent.tsx
@@ -55,7 +55,7 @@ export default function CookieConsent() {
       if (!consentSettings.analytics && !consentSettings.ads) {
         try {
           const response = await fetch(
-            'https://www.cloudflare.com/cdn-cgi/trace'
+            'https://www.cloudflare.com/cdn-cgi/trace',
           )
           const data = await response.text()
           const country = data.match(/loc=(\w+)/)?.[1]
@@ -212,7 +212,7 @@ export default function CookieConsent() {
                     }
                     localStorage.setItem(
                       'cookie_consent',
-                      JSON.stringify(updated)
+                      JSON.stringify(updated),
                     )
                     updateGTMConsent(updated)
                   }}
@@ -237,7 +237,7 @@ export default function CookieConsent() {
                     if (typeof document !== 'undefined') {
                       localStorage.setItem(
                         'cookie_consent',
-                        JSON.stringify(updated)
+                        JSON.stringify(updated),
                       )
                     }
                     updateGTMConsent(updated)
diff --git a/src/components/CopyMarkdownButton.tsx b/src/components/CopyMarkdownButton.tsx
index 704134d52..04062db22 100644
--- a/src/components/CopyMarkdownButton.tsx
+++ b/src/components/CopyMarkdownButton.tsx
@@ -6,7 +6,7 @@ import { type MouseEventHandler, useEffect, useRef } from 'react'
 import { useToast } from '~/components/ToastProvider'
 
 export function useCopyButton(
-  onCopy: () => void | Promise<void>
+  onCopy: () => void | Promise<void>,
 ): [checked: boolean, onClick: MouseEventHandler] {
   const [checked, setChecked] = useState(false)
   const timeoutRef = useRef<number | null>(null)
@@ -61,7 +61,7 @@ export function CopyMarkdownButton({
               <div className="text-gray-500 dark:text-gray-400 text-xs">
                 Source content copied from cache
               </div>
-            </div>
+            </div>,
           )
         })
       } else {
@@ -81,7 +81,7 @@ export function CopyMarkdownButton({
                   <div className="text-gray-500 dark:text-gray-400 text-xs">
                     Source content copied from GitHub
                   </div>
-                </div>
+                </div>,
               )
             })
           })
@@ -97,7 +97,7 @@ export function CopyMarkdownButton({
                   <div className="text-gray-500 dark:text-gray-400 text-xs">
                     Fallback: copied rendered page content
                   </div>
-                </div>
+                </div>,
               )
             })
           })
diff --git a/src/components/CountdownTimer.tsx b/src/components/CountdownTimer.tsx
index e44187b7d..09cd1febe 100644
--- a/src/components/CountdownTimer.tsx
+++ b/src/components/CountdownTimer.tsx
@@ -37,7 +37,7 @@ const formatNumber = (number: number) => number.toString().padStart(2, '0')
 
 const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
   const [timeLeft, setTimeLeft] = useState<TimeLeft>(
-    calculateTimeLeft(targetDate)
+    calculateTimeLeft(targetDate),
   )
 
   useEffect(() => {
diff --git a/src/components/CountdownTimerSmall.tsx b/src/components/CountdownTimerSmall.tsx
index 1d81f15b4..80e309879 100644
--- a/src/components/CountdownTimerSmall.tsx
+++ b/src/components/CountdownTimerSmall.tsx
@@ -34,7 +34,7 @@ const formatNumber = (number: number) => number.toString().padStart(2, '0')
 
 const Countdown: React.FC<CountdownProps> = ({ targetDate }) => {
   const [timeLeft, setTimeLeft] = useState<TimeLeft>(
-    calculateTimeLeft(targetDate)
+    calculateTimeLeft(targetDate),
   )
 
   useEffect(() => {
diff --git a/src/components/Doc.tsx b/src/components/Doc.tsx
index 4bc6e9bae..2670e95d5 100644
--- a/src/components/Doc.tsx
+++ b/src/components/Doc.tsx
@@ -69,7 +69,7 @@ function DocContent({
           map[headingElement.target.id] = headingElement
           return map
         },
-        headingElementRefs.current
+        headingElementRefs.current,
       )
 
       const visibleHeadings: Array<IntersectionObserverEntry> = []
@@ -92,8 +92,8 @@ function DocContent({
 
     const headingElements = Array.from(
       markdownContainerRef.current?.querySelectorAll(
-        'h2[id], h3[id], h4[id], h5[id], h6[id]'
-      ) ?? []
+        'h2[id], h3[id], h4[id], h5[id], h6[id]',
+      ) ?? [],
     )
     headingElements.forEach((el) => observer.observe(el))
 
@@ -112,13 +112,13 @@ function DocContent({
         className={twMerge(
           'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[936px]',
           isTocVisible && 'max-w-full',
-          shouldRenderToc && 'lg:pt-0'
+          shouldRenderToc && 'lg:pt-0',
         )}
       >
         <div
           className={twMerge(
             'flex overflow-auto flex-col w-full p-2 lg:p-4 xl:p-6',
-            isTocVisible && 'pr-0!'
+            isTocVisible && 'pr-0!',
           )}
         >
           {title ? (
@@ -156,7 +156,7 @@ function DocContent({
               'prose prose-gray dark:prose-invert max-w-none',
               '[font-size:14px]',
               isTocVisible && 'pr-2 lg:pr-4 xl:pr-6',
-              'styled-markdown-content'
+              'styled-markdown-content',
             )}
           >
             <Markdown rawContent={content} />
diff --git a/src/components/DocContainer.tsx b/src/components/DocContainer.tsx
index d53de8d10..b64cf27df 100644
--- a/src/components/DocContainer.tsx
+++ b/src/components/DocContainer.tsx
@@ -10,7 +10,7 @@ export function DocContainer({
       {...props}
       className={twMerge(
         'w-full max-w-full p-2 xl:p-4 2xl:p-8',
-        props.className
+        props.className,
       )}
     >
       {children}
diff --git a/src/components/DocsLayout.tsx b/src/components/DocsLayout.tsx
index 92eaeaf50..d9d6f547b 100644
--- a/src/components/DocsLayout.tsx
+++ b/src/components/DocsLayout.tsx
@@ -100,7 +100,7 @@ const useMenuConfig = ({
     // Merge the two menus together based on their group labels
     ...config.sections.map((section): MenuItem | undefined => {
       const frameworkDocs = section.frameworks?.find(
-        (f) => f.label === currentFramework.framework
+        (f) => f.label === currentFramework.framework,
       )
       const frameworkItems = frameworkDocs?.children ?? []
 
@@ -168,14 +168,14 @@ export function DocsLayout({
 
   const flatMenu = React.useMemo(
     () => menuConfig.flatMap((d) => d?.children),
-    [menuConfig]
+    [menuConfig],
   )
 
   const docsMatch = matches.find((d) => d.pathname.includes('/docs'))
 
   const relativePathname = lastMatch.pathname.replace(
     docsMatch!.pathname + '/',
-    ''
+    '',
   )
 
   const index = flatMenu.findIndex((d) => d?.to === relativePathname)
@@ -186,7 +186,7 @@ export function DocsLayout({
   const [isFullWidth, setIsFullWidth] = useLocalStorage('docsFullWidth', false)
 
   const activePartners = partners.filter(
-    (d) => d.status === 'active' && d.name !== 'Nozzle.io'
+    (d) => d.status === 'active' && d.name !== 'Nozzle.io',
   )
 
   const menuItems = menuConfig.map((group, i) => {
@@ -198,7 +198,7 @@ export function DocsLayout({
       typeof group.defaultCollapsed !== 'undefined'
         ? !group.defaultCollapsed // defaultCollapsed is true means the group is closed
         : undefined
-    const isOpen = isChildActive ? true : configGroupOpenState ?? false
+    const isOpen = isChildActive ? true : (configGroupOpenState ?? false)
 
     const detailsProps = group.collapsible ? { open: isOpen } : {}
 
@@ -245,7 +245,7 @@ export function DocsLayout({
                               'overflow-auto w-full',
                               props.isActive
                                 ? `font-bold text-transparent bg-clip-text bg-linear-to-r ${colorFrom} ${colorTo}`
-                                : ''
+                                : '',
                             )}
                           >
                             {/* <div className="transition group-hover:delay-700 duration-300 group-hover:duration-[2s] group-hover:translate-x-[-50%]"> */}
@@ -257,7 +257,7 @@ export function DocsLayout({
                               className={`text-xs ${
                                 props.isActive ? 'opacity-100' : 'opacity-40'
                               } group-hover:opacity-100 font-bold transition-opacity ${getFrameworkTextColor(
-                                child.badge
+                                child.badge,
                               )}`}
                             >
                               {child.badge}
@@ -337,7 +337,7 @@ export function DocsLayout({
           <div
             className={twMerge(
               `max-w-full min-w-0 flex justify-center w-full min-h-[88dvh] lg:min-h-0`,
-              !isExample && !isFullWidth && 'mx-auto w-[1208px]' // page width
+              !isExample && !isFullWidth && 'mx-auto w-[1208px]', // page width
             )}
           >
             {children}
@@ -433,7 +433,7 @@ export function DocsLayout({
                           style={{
                             width: Math.max(
                               50 + Math.round(200 * partner.score),
-                              100
+                              100,
                             ),
                           }}
                         >
diff --git a/src/components/FeedEntry.tsx b/src/components/FeedEntry.tsx
index 9f0560761..f5a78cd7e 100644
--- a/src/components/FeedEntry.tsx
+++ b/src/components/FeedEntry.tsx
@@ -121,7 +121,7 @@ export function FeedEntry({
         tag !== 'release:prerelease' &&
         (tag === 'release:major' ||
           tag === 'release:minor' ||
-          tag === 'release:patch')
+          tag === 'release:patch'),
     )
     if (!releaseLevelTag) return null
 
@@ -172,7 +172,7 @@ export function FeedEntry({
       <TableRow
         className={twMerge(
           'cursor-pointer',
-          entry.featured && 'bg-yellow-50 dark:bg-yellow-900/10'
+          entry.featured && 'bg-yellow-50 dark:bg-yellow-900/10',
         )}
         onClick={() => setExpanded(!expanded)}
       >
@@ -188,7 +188,7 @@ export function FeedEntry({
             <svg
               className={twMerge(
                 'w-3.5 h-3.5 transition-transform',
-                expanded && 'rotate-90'
+                expanded && 'rotate-90',
               )}
               fill="none"
               stroke="currentColor"
@@ -224,7 +224,7 @@ export function FeedEntry({
             <span
               className={twMerge(
                 'px-1.5 py-0.5 rounded text-[10px] font-medium uppercase',
-                badge.className
+                badge.className,
               )}
             >
               {badge.label}
@@ -234,7 +234,7 @@ export function FeedEntry({
               <span
                 className={twMerge(
                   'px-1.5 py-0.5 rounded text-[10px] font-medium uppercase',
-                  releaseLevelBadge.className
+                  releaseLevelBadge.className,
                 )}
               >
                 {releaseLevelBadge.label}
diff --git a/src/components/FeedEntryTimeline.tsx b/src/components/FeedEntryTimeline.tsx
index 2890a9d6f..127a2d7c7 100644
--- a/src/components/FeedEntryTimeline.tsx
+++ b/src/components/FeedEntryTimeline.tsx
@@ -97,7 +97,7 @@ export function FeedEntryTimeline({
         tag !== 'release:prerelease' &&
         (tag === 'release:major' ||
           tag === 'release:minor' ||
-          tag === 'release:patch')
+          tag === 'release:patch'),
     )
     if (!releaseLevelTag) return null
 
@@ -146,7 +146,7 @@ export function FeedEntryTimeline({
         'bg-white dark:bg-black border border-gray-200 dark:border-gray-800 rounded-lg p-6 transition-all',
         'hover:shadow-lg hover:border-gray-300 dark:hover:border-gray-700',
         entry.featured &&
-          'bg-yellow-50 dark:bg-yellow-900/10 border-yellow-200 dark:border-yellow-800'
+          'bg-yellow-50 dark:bg-yellow-900/10 border-yellow-200 dark:border-yellow-800',
       )}
     >
       {/* Header */}
@@ -157,7 +157,7 @@ export function FeedEntryTimeline({
             <span
               className={twMerge(
                 'px-2.5 py-1 rounded-md text-xs font-medium uppercase',
-                badge.className
+                badge.className,
               )}
             >
               {badge.label}
@@ -166,7 +166,7 @@ export function FeedEntryTimeline({
               <span
                 className={twMerge(
                   'px-2.5 py-1 rounded-md text-xs font-medium uppercase',
-                  releaseLevelBadge.className
+                  releaseLevelBadge.className,
                 )}
               >
                 {releaseLevelBadge.label}
@@ -277,7 +277,7 @@ export function FeedEntryTimeline({
                   'p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors',
                   entry.featured
                     ? 'text-yellow-500'
-                    : 'text-gray-600 dark:text-gray-400'
+                    : 'text-gray-600 dark:text-gray-400',
                 )}
                 title="Toggle Featured"
               >
diff --git a/src/components/FeedFilters.tsx b/src/components/FeedFilters.tsx
index 520fb6043..bcd18e9f3 100644
--- a/src/components/FeedFilters.tsx
+++ b/src/components/FeedFilters.tsx
@@ -192,7 +192,7 @@ export function FeedFilters({
     !selectedReleaseLevels ||
     selectedReleaseLevels.length !== defaultReleaseLevels.length ||
     !defaultReleaseLevels.every((level) =>
-      selectedReleaseLevels.includes(level)
+      selectedReleaseLevels.includes(level),
     )
 
   const hasActiveFilters =
diff --git a/src/components/FeedPageLayout.tsx b/src/components/FeedPageLayout.tsx
index d45d61f5c..518a89da5 100644
--- a/src/components/FeedPageLayout.tsx
+++ b/src/components/FeedPageLayout.tsx
@@ -68,14 +68,14 @@ interface FeedPageLayoutContextValue {
 }
 
 const FeedPageLayoutContext = createContext<FeedPageLayoutContextValue | null>(
-  null
+  null,
 )
 
 function useFeedPageLayout() {
   const context = useContext(FeedPageLayoutContext)
   if (!context) {
     throw new Error(
-      'FeedPageLayout components must be used within FeedPageLayout.Root'
+      'FeedPageLayout components must be used within FeedPageLayout.Root',
     )
   }
   return context
@@ -132,7 +132,7 @@ function FeedPageLayoutRoot({
       featured: filters.featured,
       search: filters.search,
       includeHidden: adminActions !== undefined, // Admin sees all
-    })
+    }),
   )
 
   return (
diff --git a/src/components/FeedTicker.tsx b/src/components/FeedTicker.tsx
index 0c5dc460f..c5b0ef07c 100644
--- a/src/components/FeedTicker.tsx
+++ b/src/components/FeedTicker.tsx
@@ -83,7 +83,7 @@ export function FeedTicker() {
     if (isRelease) {
       // Get release level badge color
       const releaseLevelTag = entry.tags.find((tag) =>
-        tag.startsWith('release:')
+        tag.startsWith('release:'),
       )
       const isPrerelease = entry.tags.includes('release:prerelease')
       const releaseLevel = releaseLevelTag?.replace('release:', '') || ''
diff --git a/src/components/FileExplorer.tsx b/src/components/FileExplorer.tsx
index bf1d680dc..360864e4d 100644
--- a/src/components/FileExplorer.tsx
+++ b/src/components/FileExplorer.tsx
@@ -135,7 +135,7 @@ export function FileExplorer({
         }
       }
       return expanded
-    }
+    },
   )
 
   const startResizeRef = React.useRef({
@@ -294,7 +294,7 @@ const RenderFileTree = (props: {
                 `px-2 py-1.5 text-left w-full flex items-center gap-2 text-sm rounded transition-colors duration-200 min-w-0`,
                 props.currentPath === file.path
                   ? `${props.libraryColor}/20 text-gray-900 dark:text-white shadow-sm`
-                  : 'hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300'
+                  : 'hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300',
               )}
             >
               <span className="shrink-0 select-none">
@@ -318,7 +318,7 @@ const RenderFileTree = (props: {
 
 function recursiveFlattenGithubContents(
   nodes: Array<GitHubFileNode>,
-  bannedDirs: Set<string> = new Set()
+  bannedDirs: Set<string> = new Set(),
 ): Array<GitHubFileNode> {
   return nodes.flatMap((node) => {
     if (node.type === 'dir' && node.children && !bannedDirs.has(node.name)) {
@@ -329,7 +329,7 @@ function recursiveFlattenGithubContents(
 }
 
 function flattedOnlyToDirs(
-  nodes: Array<GitHubFileNode>
+  nodes: Array<GitHubFileNode>,
 ): Array<GitHubFileNode> {
   return nodes.flatMap((node) => {
     if (node.type === 'dir' && node.children) {
diff --git a/src/components/FrameworkCard.tsx b/src/components/FrameworkCard.tsx
index 2dfb3983c..9b193d082 100644
--- a/src/components/FrameworkCard.tsx
+++ b/src/components/FrameworkCard.tsx
@@ -28,7 +28,7 @@ export function FrameworkCard({
         <div className="text-gray-500 dark:text-gray-400 text-xs">
           {packageName} copied to clipboard
         </div>
-      </div>
+      </div>,
     )
   })
 
@@ -52,7 +52,7 @@ export function FrameworkCard({
         'hover:shadow-xl hover:-translate-y-1',
         'flex flex-col gap-4 group',
         'min-h-[180px]',
-        'relative'
+        'relative',
       )}
       style={{
         zIndex: index,
@@ -126,7 +126,7 @@ export function FrameworkCard({
           'absolute bottom-0 left-0 right-0 h-1 rounded-b-xl',
           'transition-opacity duration-300',
           'opacity-0 group-hover:opacity-100',
-          framework.color
+          framework.color,
         )}
       />
     </div>
diff --git a/src/components/FrameworkIconTabs.tsx b/src/components/FrameworkIconTabs.tsx
index 54ae6e466..29831e6d6 100644
--- a/src/components/FrameworkIconTabs.tsx
+++ b/src/components/FrameworkIconTabs.tsx
@@ -18,14 +18,14 @@ export function FrameworkIconTabs({
 }: FrameworkIconTabsProps) {
   const options = React.useMemo(
     () => getFrameworkOptions(frameworks),
-    [frameworks]
+    [frameworks],
   )
 
   return (
     <div
       className={twMerge(
         `flex items-center justify-start gap-2 border-b border-gray-200 dark:border-gray-700 overflow-x-auto scrollbar-hide`,
-        className
+        className,
       )}
     >
       {options.map((opt) => (
diff --git a/src/components/FrameworkSelect.tsx b/src/components/FrameworkSelect.tsx
index dcf4fd52e..62572b832 100644
--- a/src/components/FrameworkSelect.tsx
+++ b/src/components/FrameworkSelect.tsx
@@ -85,7 +85,7 @@ export function useCurrentFramework(frameworks: Framework[]) {
       })
       localCurrentFramework.setCurrentFramework(framework)
     },
-    [localCurrentFramework, navigate]
+    [localCurrentFramework, navigate],
   )
 
   React.useEffect(() => {
diff --git a/src/components/Gam.tsx b/src/components/Gam.tsx
index 580a3270d..e24d359fd 100644
--- a/src/components/Gam.tsx
+++ b/src/components/Gam.tsx
@@ -19,7 +19,7 @@ declare global {
           defineSlot: (
             path: string,
             sizes: [number, number][],
-            id: string
+            id: string,
           ) => {
             addService: (pubads: any) => {
               setTargeting: (key: string, value: string[]) => void
@@ -103,7 +103,7 @@ function GamAd({
         className={twMerge(
           'absolute inset-0 bg-white/50 dark:bg-black/20 shadow-xl shadow-black/2',
           borderClassName,
-          placeholderClassName
+          placeholderClassName,
         )}
       >
         <div className="flex justify-center items-center h-full opacity-50 gap-[1px]">
@@ -114,7 +114,7 @@ function GamAd({
         <div
           className={twMerge(
             'absolute -top-px -left-px -right-px -bottom-px border-[2px] border-gray-200 dark:border-gray-900',
-            borderClassName
+            borderClassName,
           )}
         />
       </div>
@@ -125,7 +125,7 @@ function GamAd({
         <div
           className={twMerge(
             'absolute -top-px -left-px -right-px -bottom-px border-[2px] border-gray-200 dark:border-gray-900',
-            borderClassName
+            borderClassName,
           )}
         />
       </div>
@@ -149,7 +149,7 @@ function GamAd({
 }
 
 export function GamFooter(
-  props: Omit<React.ComponentProps<typeof GamAd>, 'name'>
+  props: Omit<React.ComponentProps<typeof GamAd>, 'name'>,
 ) {
   return (
     <GamAd
@@ -183,7 +183,7 @@ export function GamLeftRailSquare() {
 // Export GAM div components for direct use
 
 export function GamVrec1(
-  props: Omit<React.ComponentProps<typeof GamAd>, 'name'>
+  props: Omit<React.ComponentProps<typeof GamAd>, 'name'>,
 ) {
   return <GamAd {...props} name="vrec_1" />
 }
@@ -191,7 +191,7 @@ export function GamVrec1(
 export function GamHeader(
   props: React.HTMLAttributes<HTMLDivElement> & {
     adClassName?: string
-  }
+  },
 ) {
   return (
     <GamAd
@@ -199,7 +199,7 @@ export function GamHeader(
       {...props}
       className={twMerge(
         'w-full max-w-[728px] flex mx-auto justify-center',
-        props.className
+        props.className,
       )}
       adClassName={twMerge('h-[90px]', props.adClassName)}
     />
diff --git a/src/components/LazySponsorSection.tsx b/src/components/LazySponsorSection.tsx
index 3b48518c7..e1e095890 100644
--- a/src/components/LazySponsorSection.tsx
+++ b/src/components/LazySponsorSection.tsx
@@ -59,7 +59,7 @@ export function LazySponsorSection({
             href="https://github.com/sponsors/tannerlinsley"
             className={twMerge(
               'inline-block py-2 px-4 rounded uppercase font-extrabold transition-colors',
-              ctaClassName
+              ctaClassName,
             )}
           >
             Become a Sponsor!
diff --git a/src/components/LibraryHero.tsx b/src/components/LibraryHero.tsx
index 16c75aae2..84f7dfd07 100644
--- a/src/components/LibraryHero.tsx
+++ b/src/components/LibraryHero.tsx
@@ -29,7 +29,7 @@ export function LibraryHero({ project, cta, actions }: LibraryHeroProps) {
                 'absolute bottom-0 right-0 translate-y-full',
                 '[letter-spacing:0] text-sm md:text-base font-black lg:text-lg align-super text-white animate-bounce uppercase',
                 'dark:text-black bg-black dark:bg-white shadow-black/30 px-2 py-1 rounded-md',
-                'leading-none whitespace-nowrap'
+                'leading-none whitespace-nowrap',
               )}
             >
               {String(project.badge).toUpperCase().trim()}
@@ -52,7 +52,7 @@ export function LibraryHero({ project, cta, actions }: LibraryHeroProps) {
           {...cta.linkProps}
           className={twMerge(
             'inline-block py-2 px-4 rounded uppercase font-extrabold transition-colors',
-            cta.className
+            cta.className,
           )}
         >
           {cta.label}
diff --git a/src/components/MaintainerCard.tsx b/src/components/MaintainerCard.tsx
index fe150a645..a3651f61c 100644
--- a/src/components/MaintainerCard.tsx
+++ b/src/components/MaintainerCard.tsx
@@ -94,7 +94,7 @@ function LibraryBadge({ library }: { library: Library }) {
         href={`${library.to}/latest/docs/contributors`}
         className={twMerge(
           `inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-green-900 dark:text-green-200 capitalize hover:underline focus:outline-none focus:ring-2 focus:ring-blue-400 transition-colors`,
-          bgClass
+          bgClass,
         )}
         aria-label={`View contributors for ${library.name}`}
         tabIndex={0}
@@ -109,7 +109,7 @@ function LibraryBadge({ library }: { library: Library }) {
     <span
       className={twMerge(
         `inline-flex items-center px-2.5 py-1 rounded-full text-xs font-semibold text-green-900 dark:text-green-200 capitalize`,
-        bgClass
+        bgClass,
       )}
       aria-label={`View contributors for ${library.name}`}
       title={`View all contributors for ${library.name}`}
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index 614bc8083..4577f660b 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -39,14 +39,13 @@ const CustomHeading = ({
 
 const makeHeading =
   (type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6') =>
-  (props: HTMLProps<HTMLHeadingElement>) =>
-    (
-      <CustomHeading
-        Comp={type}
-        {...props}
-        className={`${props.className ?? ''} block`}
-      />
-    )
+  (props: HTMLProps<HTMLHeadingElement>) => (
+    <CustomHeading
+      Comp={type}
+      {...props}
+      className={`${props.className ?? ''} block`}
+    />
+  )
 
 const markdownComponents: Record<string, React.FC> = {
   a: MarkdownLink,
@@ -144,7 +143,7 @@ export function CodeBlock({
       <pre className={`shiki tokyo-night`}>
         <code>{lang === 'mermaid' ? <svg /> : code}</code>
       </pre>
-    </>
+    </>,
   )
 
   React[
@@ -175,18 +174,18 @@ export function CodeBlock({
           }
 
           return output
-        })
+        }),
       )
 
       setCodeElement(
         <div
           // className={`m-0 text-sm rounded-md w-full border border-gray-500/20 dark:border-gray-500/30`}
           className={twMerge(
-            isEmbedded ? 'h-full [&>pre]:h-full [&>pre]:rounded-none' : ''
+            isEmbedded ? 'h-full [&>pre]:h-full [&>pre]:rounded-none' : '',
           )}
           dangerouslySetInnerHTML={{ __html: htmls.join('') }}
           ref={ref}
-        />
+        />,
       )
     })()
   }, [code, lang])
@@ -195,7 +194,7 @@ export function CodeBlock({
     <div
       className={twMerge(
         'codeblock w-full max-w-full relative not-prose border border-gray-500/20 rounded-md [&_pre]:rounded-md [*[data-tab]_&]:only:border-0',
-        props.className
+        props.className,
       )}
       style={props.style}
     >
@@ -205,7 +204,7 @@ export function CodeBlock({
             `absolute flex items-stretch bg-white text-sm z-10 rounded-md`,
             `dark:bg-gray-800 overflow-hidden divide-x divide-gray-500/20`,
             'shadow-md',
-            isEmbedded ? 'top-2 right-4' : '-top-3 right-2'
+            isEmbedded ? 'top-2 right-4' : '-top-3 right-2',
           )}
         >
           {lang ? <div className="px-2">{lang}</div> : null}
@@ -230,7 +229,7 @@ export function CodeBlock({
                   <div className="text-gray-500 dark:text-gray-400 text-xs">
                     Code block copied to clipboard
                   </div>
-                </div>
+                </div>,
               )
             }}
             aria-label="Copy code to clipboard"
@@ -269,8 +268,8 @@ const getHighlighter = cache(async (language: string, themes: string[]) => {
   if (!loadedLanguages.includes(language as any)) {
     promises.push(
       highlighter.loadLanguage(
-        language === 'mermaid' ? 'plaintext' : (language as any)
-      )
+        language === 'mermaid' ? 'plaintext' : (language as any),
+      ),
     )
   }
 
@@ -303,11 +302,11 @@ const options: HTMLReactParserOptions = {
             const tabs = attributes.tabs
             const panelElements = domNode.children?.filter(
               (child): child is Element =>
-                child instanceof Element && child.name === 'md-tab-panel'
+                child instanceof Element && child.name === 'md-tab-panel',
             )
 
             const children = panelElements?.map((panel) =>
-              domToReact(panel.children as any, options)
+              domToReact(panel.children as any, options),
             )
 
             return <Tabs tabs={tabs} children={children as any} />
@@ -322,7 +321,7 @@ const options: HTMLReactParserOptions = {
         return React.createElement(
           replacer,
           attributesToProps(domNode.attribs),
-          domToReact(domNode.children as any, options)
+          domToReact(domNode.children as any, options),
         )
       }
     }
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index d170c560f..14988106e 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -51,7 +51,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         const height = containerRef.current.offsetHeight
         document.documentElement.style.setProperty(
           '--navbar-height',
-          `${height}px`
+          `${height}px`,
         )
       }
     }
@@ -157,7 +157,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
       className={twMerge(
         'w-full p-2 fixed top-0 z-[100] bg-white/70 dark:bg-black/70 backdrop-blur-lg shadow-xl shadow-black/3',
         'flex items-center justify-between gap-4',
-        'dark:border-b border-gray-500/20'
+        'dark:border-b border-gray-500/20',
       )}
       ref={containerRef}
     >
@@ -172,7 +172,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                 'transition-all duration-300 h-8 px-2 py-1 lg:px-0',
                 Title
                   ? 'lg:w-9 lg:opacity-100 lg:translate-x-0'
-                  : 'lg:w-0 lg:opacity-0 lg:-translate-x-full'
+                  : 'lg:w-0 lg:opacity-0 lg:-translate-x-full',
               )}
               onClick={toggleMenu}
               onPointerEnter={() => {
@@ -187,7 +187,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             <Link
               to="/"
               className={twMerge(
-                `inline-flex items-center gap-1.5 cursor-pointer`
+                `inline-flex items-center gap-1.5 cursor-pointer`,
               )}
             >
               <div className="w-[30px] inline-grid items-center grid-cols-1 grid-rows-1 [&>*]:transition-opacity [&>*]:duration-1000">
@@ -291,7 +291,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                             linkClasses,
                             props.isActive
                               ? 'bg-gray-500/10 dark:bg-gray-500/30'
-                              : ''
+                              : '',
                           )}
                         >
                           <span
@@ -304,14 +304,14 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                                 'font-light dark:font-bold dark:opacity-40',
                                 props.isActive
                                   ? `font-bold dark:opacity-100`
-                                  : ''
+                                  : '',
                               )}
                             >
                               {prefix}
                             </span>{' '}
                             <span
                               className={twMerge(
-                                library.textStyle
+                                library.textStyle,
                                 // isPending &&
                                 //   `[view-transition-name:library-name]`
                               )}
@@ -327,7 +327,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                                 'bg-gradient-to-r',
                                 library.colorFrom,
                                 library.colorTo,
-                                'text-[.6rem]'
+                                'text-[.6rem]',
                               )}
                             >
                               {library.badge}
@@ -339,7 +339,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                   </Link>
                   <div
                     className={twMerge(
-                      library.to === activeLibrary?.to ? 'block' : 'hidden'
+                      library.to === activeLibrary?.to ? 'block' : 'hidden',
                     )}
                   >
                     {library.menu?.map((item, i) => {
@@ -349,7 +349,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                           key={i}
                           className={twMerge(
                             'flex gap-2 items-center px-2 ml-2 my-1 py-0.5',
-                            'rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30'
+                            'rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30',
                           )}
                         >
                           {item.icon}
@@ -365,7 +365,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                       }}
                       className={twMerge(
                         'flex gap-2 items-center px-2 ml-2 my-1 py-0.5',
-                        'rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30'
+                        'rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30',
                       )}
                     >
                       <LuUsers />
@@ -411,15 +411,15 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         <Authenticated>
           {capabilities.some((capability) =>
             (['builder', 'admin'] as const).includes(
-              capability as 'builder' | 'admin'
-            )
+              capability as 'builder' | 'admin',
+            ),
           ) ? (
             <Link
               to="/builder"
               className={twMerge(linkClasses, 'font-normal')}
               activeProps={{
                 className: twMerge(
-                  'font-bold! bg-gray-500/10 dark:bg-gray-500/30'
+                  'font-bold! bg-gray-500/10 dark:bg-gray-500/30',
                 ),
               }}
             >
@@ -533,7 +533,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                 className={twMerge(linkClasses, 'font-normal')}
                 activeProps={{
                   className: twMerge(
-                    'font-bold! bg-gray-500/10 dark:bg-gray-500/30'
+                    'font-bold! bg-gray-500/10 dark:bg-gray-500/30',
                   ),
                 }}
                 target={item.to.startsWith('http') ? '_blank' : undefined}
@@ -603,7 +603,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             : [
                 'fixed bg-white/70 dark:bg-black/50 backdrop-blur-lg -translate-x-full',
                 showMenu && 'translate-x-0',
-              ]
+              ],
         )}
         onPointerEnter={() => {
           clearTimeout(leaveTimer.current)
@@ -628,7 +628,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         className={twMerge(
           `min-h-[calc(100dvh-var(--navbar-height))] flex flex-col
           min-w-0 lg:flex-row w-full transition-all duration-300
-          pt-[var(--navbar-height)]`
+          pt-[var(--navbar-height)]`,
         )}
       >
         {smallMenu}
diff --git a/src/components/NpmStatsChart.tsx b/src/components/NpmStatsChart.tsx
index 8ccaa529c..8410b9fb6 100644
--- a/src/components/NpmStatsChart.tsx
+++ b/src/components/NpmStatsChart.tsx
@@ -24,7 +24,7 @@ export function NpmStatsChart({ stats }: { stats: NpmStats[] }) {
         ...d,
         package: stat.package,
         date: new Date(d.day),
-      }))
+      })),
     )
 
     const chart = Plot.plot({
diff --git a/src/components/OpenSourceStats.tsx b/src/components/OpenSourceStats.tsx
index 799f8c22c..e0a4f32b4 100644
--- a/src/components/OpenSourceStats.tsx
+++ b/src/components/OpenSourceStats.tsx
@@ -18,7 +18,7 @@ const StableCounter = ({
   const dummyString = Number(
     Array(value?.toString().length ?? 1)
       .fill('8')
-      .join('')
+      .join(''),
   )
   // TODO don't use locale formatting since it can cause a hydration mismatch
   //.toLocaleString()
diff --git a/src/components/PartnersGrid.tsx b/src/components/PartnersGrid.tsx
index 7b5c7b05d..aba3e7786 100644
--- a/src/components/PartnersGrid.tsx
+++ b/src/components/PartnersGrid.tsx
@@ -9,7 +9,7 @@ type PartnersGridProps = {
 
 export function PartnersGrid({ partnersList }: PartnersGridProps) {
   const items = (partnersList ?? allPartners).filter(
-    (partner) => partner.status === 'active'
+    (partner) => partner.status === 'active',
   )
 
   return (
diff --git a/src/components/PartnersSection.tsx b/src/components/PartnersSection.tsx
index 07f477e50..cc874ea1e 100644
--- a/src/components/PartnersSection.tsx
+++ b/src/components/PartnersSection.tsx
@@ -23,7 +23,7 @@ export function PartnersSection({
   const filtered = partners.filter((p) =>
     libraryId
       ? p.libraries?.includes(libraryId as any) && p.status === 'active'
-      : p.status === 'active'
+      : p.status === 'active',
   )
 
   return (
diff --git a/src/components/PlaceholderSponsorPack.tsx b/src/components/PlaceholderSponsorPack.tsx
index 924dfe731..d3f39246f 100644
--- a/src/components/PlaceholderSponsorPack.tsx
+++ b/src/components/PlaceholderSponsorPack.tsx
@@ -38,7 +38,7 @@ export default function PlaceholderSponsorPack() {
       radius: 0,
       distance: 0,
     }),
-    [sponsors]
+    [sponsors],
   )
 
   const root = React.useMemo(
@@ -46,9 +46,9 @@ export default function PlaceholderSponsorPack() {
       hierarchy(pack)
         .sum((d: any) => 0.0007 + (d.size || 0))
         .sort(
-          (a, b) => ((b.data as any)?.size ?? 0) - ((a.data as any)?.size ?? 0)
+          (a, b) => ((b.data as any)?.size ?? 0) - ((a.data as any)?.size ?? 0),
         ),
-    [pack]
+    [pack],
   )
 
   return (
diff --git a/src/components/RedirectVersionBanner.tsx b/src/components/RedirectVersionBanner.tsx
index e4ddd349e..4a8f9e8c2 100644
--- a/src/components/RedirectVersionBanner.tsx
+++ b/src/components/RedirectVersionBanner.tsx
@@ -15,7 +15,7 @@ export function RedirectVersionBanner(props: {
   const [showModal, setShowModal] = useLocalStorage(
     'showRedirectToLatestModal',
     true,
-    1000 * 60 * 24 * 30
+    1000 * 60 * 24 * 30,
   )
 
   if (!useClientOnlyRender()) {
diff --git a/src/components/SearchButton.tsx b/src/components/SearchButton.tsx
index 7241bc1c2..fa1c64061 100644
--- a/src/components/SearchButton.tsx
+++ b/src/components/SearchButton.tsx
@@ -17,7 +17,7 @@ export function SearchButton({ className }: SearchButtonProps) {
       onClick={openSearch}
       className={twMerge(
         'flex items-center justify-between w-full p-1 pl-2 text-left bg-gray-500/10 dark:bg-gray-500/20 rounded-lg opacity-80 hover:opacity-100 transition-opacity duration-300 gap-2',
-        className
+        className,
       )}
     >
       <div className="flex items-center gap-1 text-sm">
diff --git a/src/components/SearchModal.tsx b/src/components/SearchModal.tsx
index 9788a178e..a19e88bd9 100644
--- a/src/components/SearchModal.tsx
+++ b/src/components/SearchModal.tsx
@@ -21,7 +21,7 @@ import { capitalize } from '~/utils/utils'
 
 const searchClient = liteClient(
   'FQ0DQ6MA3C',
-  '10c34d6a5c89f6048cf644d601e65172'
+  '10c34d6a5c89f6048cf644d601e65172',
 )
 
 const SafeLink = React.forwardRef(
@@ -36,7 +36,7 @@ const SafeLink = React.forwardRef(
       tabIndex,
       ...props
     }: React.AnchorHTMLAttributes<HTMLAnchorElement>,
-    ref: React.Ref<HTMLAnchorElement>
+    ref: React.Ref<HTMLAnchorElement>,
   ) => {
     const isInternal = href?.includes('//tanstack.com')
 
@@ -72,7 +72,7 @@ const SafeLink = React.forwardRef(
         {children}
       </Link>
     )
-  }
+  },
 )
 
 const Hit = ({ hit, isFocused }: { hit: any; isFocused?: boolean }) => {
@@ -104,7 +104,7 @@ const Hit = ({ hit, isFocused }: { hit: any; isFocused?: boolean }) => {
       href={hit.url}
       className={twMerge(
         'block p-4 focus:outline-none border-b border-gray-500/10',
-        isFocused ? 'bg-gray-500/20' : 'hover:bg-gray-500/10'
+        isFocused ? 'bg-gray-500/20' : 'hover:bg-gray-500/10',
       )}
       onKeyDown={handleKeyDown}
       onFocus={() => ref.current?.focus()}
@@ -129,7 +129,7 @@ const Hit = ({ hit, isFocused }: { hit: any; isFocused?: boolean }) => {
                 >
                   <Highlight attribute={`hierarchy.${lvl}`} hit={hit} />
                 </p>
-              ) : null
+              ) : null,
             )}
           {hit.content ? (
             <p className="text-sm text-gray-500 dark:text-gray-500 mt-1">
@@ -139,7 +139,7 @@ const Hit = ({ hit, isFocused }: { hit: any; isFocused?: boolean }) => {
         </div>
         {(() => {
           const framework = frameworkOptions.find((f) =>
-            hit.url.includes(`/framework/${f.value}`)
+            hit.url.includes(`/framework/${f.value}`),
           )
           if (!framework) return null
 
@@ -174,7 +174,7 @@ function LibraryRefinement() {
 
   React.useEffect(() => {
     const isAlreadyRefined = items.some(
-      (item) => item.label === subpathname && item.isRefined
+      (item) => item.label === subpathname && item.isRefined,
     )
 
     const library = libraries.find((l) => l.id === subpathname)
@@ -204,7 +204,7 @@ function LibraryRefinement() {
                     ? library
                       ? library.bgStyle
                       : 'bg-black dark:bg-white'
-                    : 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'
+                    : 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700',
                 )}
               >
                 {capitalize(item.label)}{' '}
@@ -244,7 +244,7 @@ function FrameworkRefinement() {
     if (!subpathname) return
 
     const isAlreadyRefined = items.some(
-      (item) => item.value === subpathname && item.isRefined
+      (item) => item.value === subpathname && item.isRefined,
     )
 
     const framework = frameworkOptions.find((f) => f.value === subpathname)
@@ -263,7 +263,7 @@ function FrameworkRefinement() {
         <div className="flex gap-1.5">
           {items.map((item) => {
             const framework = frameworkOptions.find(
-              (f) => f.value === item.value
+              (f) => f.value === item.value,
             )
 
             return (
@@ -274,7 +274,7 @@ function FrameworkRefinement() {
                   'px-2 py-0.5 text-xs rounded-full transition-colors font-bold text-white',
                   item.isRefined
                     ? framework?.color || 'bg-black dark:bg-white'
-                    : 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700'
+                    : 'bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700',
                 )}
               >
                 {capitalize(item.label)}{' '}
@@ -474,7 +474,7 @@ function SearchResults({ focusedIndex }: { focusedIndex: number }) {
         <Hits
           hitComponent={({ hit }) => {
             const index = results.hits.findIndex(
-              (h) => h.objectID === hit.objectID
+              (h) => h.objectID === hit.objectID,
             )
             return <Hit hit={hit} isFocused={index === focusedIndex} />
           }}
@@ -486,7 +486,7 @@ function SearchResults({ focusedIndex }: { focusedIndex: number }) {
             '[&>ul]:w-full [&>ul]:flex [&>ul]:justify-center [&>ul]:gap-2 lg:[&>ul]:gap-4',
             '[&_li>*]:px-3 [&_li>*]:py-1.5',
             '[&_li>span]:cursor-not-allowed',
-            '[&_.ais-Pagination-item--selected>*]:bg-emerald-500 [&_.ais-Pagination-item--selected>*]:text-white [&_.ais-Pagination-item--selected>*]:rounded-lg'
+            '[&_.ais-Pagination-item--selected>*]:bg-emerald-500 [&_.ais-Pagination-item--selected>*]:text-white [&_.ais-Pagination-item--selected>*]:rounded-lg',
           )}
         />
       </div>
diff --git a/src/components/SponsorPack.tsx b/src/components/SponsorPack.tsx
index 985690924..83ce0955c 100644
--- a/src/components/SponsorPack.tsx
+++ b/src/components/SponsorPack.tsx
@@ -20,7 +20,7 @@ export default function SponsorPack({
       radius: 0,
       distance: 0,
     }),
-    [sponsors]
+    [sponsors],
   )
 
   const root = React.useMemo(
@@ -28,7 +28,7 @@ export default function SponsorPack({
       hierarchy(pack)
         .sum((d) => 0.0007 + d.size)
         .sort((a, b) => (b.data.size ?? 0) - (a.data.size ?? 0)),
-    [pack]
+    [pack],
   )
 
   return (
@@ -119,7 +119,7 @@ export default function SponsorPack({
                                 : `right-1/4 translate-x-full`,
                               tooltipY == 'top'
                                 ? `top-1/4 -translate-y-full`
-                                : `bottom-1/4 translate-y-full`
+                                : `bottom-1/4 translate-y-full`,
                             )}
                           >
                             <p className={`whitespace-nowrap font-bold`}>
diff --git a/src/components/SponsorsSection.tsx b/src/components/SponsorsSection.tsx
index ea0c40d15..82af89e72 100644
--- a/src/components/SponsorsSection.tsx
+++ b/src/components/SponsorsSection.tsx
@@ -41,7 +41,7 @@ export function SponsorsSection({
             href="https://github.com/sponsors/tannerlinsley"
             className={twMerge(
               'inline-block py-2 px-4 rounded uppercase font-extrabold transition-colors',
-              ctaClassName
+              ctaClassName,
             )}
           >
             Become a Sponsor!
diff --git a/src/components/TableComponents.tsx b/src/components/TableComponents.tsx
index c469d12d9..f798db1a4 100644
--- a/src/components/TableComponents.tsx
+++ b/src/components/TableComponents.tsx
@@ -73,8 +73,8 @@ export function TableHeaderCell({
     align === 'right'
       ? 'text-right'
       : align === 'center'
-      ? 'text-center'
-      : 'text-left'
+        ? 'text-center'
+        : 'text-left'
   const paddingClass = compact ? 'px-2 py-1.5' : 'px-4 py-2'
   const textSizeClass = compact ? 'text-[10px]' : 'text-xs'
   return (
@@ -139,8 +139,8 @@ export function TableCell({
     align === 'right'
       ? 'text-right'
       : align === 'center'
-      ? 'text-center'
-      : 'text-left'
+        ? 'text-center'
+        : 'text-left'
   const paddingClass = compact ? 'px-2 py-2' : 'px-4 py-3'
   return (
     <td
diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
index 1e0801e06..4dc211a7e 100644
--- a/src/components/Tabs.tsx
+++ b/src/components/Tabs.tsx
@@ -18,7 +18,7 @@ export function Tabs({ tabs, children }: TabsProps) {
   const { framework } = Route.useParams()
 
   const [activeSlug, setActiveSlug] = React.useState(
-    () => tabs.find((tab) => tab.slug === framework)?.slug || tabs[0].slug
+    () => tabs.find((tab) => tab.slug === framework)?.slug || tabs[0].slug,
   )
 
   return (
diff --git a/src/components/ThemeProvider.tsx b/src/components/ThemeProvider.tsx
index 93bb3b332..3aa1e03f7 100644
--- a/src/components/ThemeProvider.tsx
+++ b/src/components/ThemeProvider.tsx
@@ -52,7 +52,7 @@ const updateThemeClass = createClientOnlyFn((themeMode: ThemeMode) => {
   if (metaThemeColor) {
     metaThemeColor.setAttribute(
       'content',
-      newTheme === 'dark' ? THEME_COLORS.dark : THEME_COLORS.light
+      newTheme === 'dark' ? THEME_COLORS.dark : THEME_COLORS.light,
     )
   }
 })
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index bee92928c..9bad36163 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -6,7 +6,7 @@ export function ThemeToggle() {
   const { toggleMode } = useTheme()
 
   const handleToggleMode = (
-    e: React.MouseEvent<HTMLDivElement, MouseEvent>
+    e: React.MouseEvent<HTMLDivElement, MouseEvent>,
   ) => {
     e.preventDefault()
     e.stopPropagation()
diff --git a/src/components/ToastProvider.tsx b/src/components/ToastProvider.tsx
index 9d2045446..e34d4889e 100644
--- a/src/components/ToastProvider.tsx
+++ b/src/components/ToastProvider.tsx
@@ -39,7 +39,7 @@ export function ToastProvider({
       setToasts((prev) => [...prev, { id, content, durationMs }])
       return id
     },
-    []
+    [],
   )
 
   const removeToast = React.useCallback((id: string) => {
@@ -48,7 +48,7 @@ export function ToastProvider({
 
   const contextValue = React.useMemo<ToastContextValue>(
     () => ({ notify }),
-    [notify]
+    [notify],
   )
 
   return (
diff --git a/src/components/Toc.tsx b/src/components/Toc.tsx
index c9790d9ea..11c11a632 100644
--- a/src/components/Toc.tsx
+++ b/src/components/Toc.tsx
@@ -33,7 +33,7 @@ export function Toc({
       </div>
       <ul
         className={twMerge(
-          'p-0.5 lg:p-1 xl:p-1.5 2xl:p-2 flex flex-col overflow-y-auto gap-0.5 text-[.7em] lg:text-[.725em] xl:text-[.775em] 2xl:text-[.8em]'
+          'p-0.5 lg:p-1 xl:p-1.5 2xl:p-2 flex flex-col overflow-y-auto gap-0.5 text-[.7em] lg:text-[.725em] xl:text-[.775em] 2xl:text-[.8em]',
         )}
       >
         {headings?.map((heading) => (
@@ -41,7 +41,7 @@ export function Toc({
             key={heading.id}
             className={twMerge(
               'cursor-pointer py-[.1rem] w-full rounded hover:bg-gray-500/10',
-              headingLevels[heading.level]
+              headingLevels[heading.level],
             )}
           >
             <a
diff --git a/src/components/VersionSelect.tsx b/src/components/VersionSelect.tsx
index 5b293d7ec..1014bc045 100644
--- a/src/components/VersionSelect.tsx
+++ b/src/components/VersionSelect.tsx
@@ -65,7 +65,7 @@ function useCurrentVersion(versions: string[]) {
       })
       localCurrentVersion.setCurrentVersion(version)
     },
-    [localCurrentVersion, navigate]
+    [localCurrentVersion, navigate],
   )
 
   React.useEffect(() => {
@@ -103,7 +103,7 @@ function useVersionConfig({ versions }: { versions: string[] }) {
           label: 'Latest',
           value: 'latest',
         },
-      ]
+      ],
     )
 
     return {
diff --git a/src/components/admin/FeedEntryEditor.tsx b/src/components/admin/FeedEntryEditor.tsx
index 093f8b6d4..13be8708c 100644
--- a/src/components/admin/FeedEntryEditor.tsx
+++ b/src/components/admin/FeedEntryEditor.tsx
@@ -42,16 +42,16 @@ export function FeedEntryEditor({
       ? new Date(entry.publishedAt).toISOString().split('T')[0]
       : new Date(Date.now() - 30 * 24 * 60 * 60 * 1000)
           .toISOString()
-          .split('T')[0]
+          .split('T')[0],
   )
   const [category, setCategory] = useState<
     'release' | 'announcement' | 'blog' | 'partner' | 'update' | 'other'
   >(entry?.category || 'announcement')
   const [selectedLibraries, setSelectedLibraries] = useState<string[]>(
-    entry?.libraryIds || []
+    entry?.libraryIds || [],
   )
   const [selectedPartners, setSelectedPartners] = useState<string[]>(
-    entry?.partnerIds || []
+    entry?.partnerIds || [],
   )
   const [tags, setTags] = useState<string>(entry?.tags.join(', ') || '')
   const [isVisible, setIsVisible] = useState(entry?.isVisible ?? true)
@@ -129,7 +129,7 @@ export function FeedEntryEditor({
       const errorMessage =
         error instanceof Error ? error.message : 'Unknown error occurred'
       alert(
-        `Failed to save entry: ${errorMessage}\n\nCheck the console for more details.`
+        `Failed to save entry: ${errorMessage}\n\nCheck the console for more details.`,
       )
     } finally {
       setSaving(false)
@@ -140,7 +140,7 @@ export function FeedEntryEditor({
     setSelectedLibraries((prev) =>
       prev.includes(libraryId)
         ? prev.filter((id) => id !== libraryId)
-        : [...prev, libraryId]
+        : [...prev, libraryId],
     )
   }
 
@@ -148,7 +148,7 @@ export function FeedEntryEditor({
     setSelectedPartners((prev) =>
       prev.includes(partnerId)
         ? prev.filter((id) => id !== partnerId)
-        : [...prev, partnerId]
+        : [...prev, partnerId],
     )
   }
 
@@ -244,7 +244,7 @@ export function FeedEntryEditor({
                     | 'blog'
                     | 'partner'
                     | 'update'
-                    | 'other'
+                    | 'other',
                 )
               }
               className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700"
diff --git a/src/contexts/SearchContext.tsx b/src/contexts/SearchContext.tsx
index be814d3b4..55d890ca4 100644
--- a/src/contexts/SearchContext.tsx
+++ b/src/contexts/SearchContext.tsx
@@ -7,7 +7,7 @@ interface SearchContextType {
 }
 
 const SearchContext = React.createContext<SearchContextType | undefined>(
-  undefined
+  undefined,
 )
 
 export function SearchProvider({ children }: { children: React.ReactNode }) {
@@ -19,7 +19,7 @@ export function SearchProvider({ children }: { children: React.ReactNode }) {
       openSearch: () => setIsOpen(true),
       closeSearch: () => setIsOpen(false),
     }),
-    [isOpen]
+    [isOpen],
   )
 
   return (
diff --git a/src/db/schema.ts b/src/db/schema.ts
index 53f3bed4e..d577715af 100644
--- a/src/db/schema.ts
+++ b/src/db/schema.ts
@@ -77,7 +77,7 @@ export const users = pgTable(
   (table) => ({
     emailIdx: index('users_email_idx').on(table.email),
     createdAtIdx: index('users_created_at_idx').on(table.createdAt),
-  })
+  }),
 )
 
 export type User = InferSelectModel<typeof users>
@@ -100,7 +100,7 @@ export const roles = pgTable(
   },
   (table) => ({
     nameIdx: index('roles_name_idx').on(table.name),
-  })
+  }),
 )
 
 export type Role = InferSelectModel<typeof roles>
@@ -126,9 +126,9 @@ export const roleAssignments = pgTable(
     roleIdIdx: index('role_assignments_role_id_idx').on(table.roleId),
     userRoleUnique: uniqueIndex('role_assignments_user_role_unique').on(
       table.userId,
-      table.roleId
+      table.roleId,
     ),
-  })
+  }),
 )
 
 export type RoleAssignment = InferSelectModel<typeof roleAssignments>
@@ -157,7 +157,7 @@ export const sessions = pgTable(
     tokenIdx: index('sessions_token_idx').on(table.token),
     userIdIdx: index('sessions_user_id_idx').on(table.userId),
     expiresAtIdx: index('sessions_expires_at_idx').on(table.expiresAt),
-  })
+  }),
 )
 
 export type Session = InferSelectModel<typeof sessions>
@@ -183,13 +183,13 @@ export const oauthAccounts = pgTable(
   (table) => ({
     userIdIdx: index('oauth_accounts_user_id_idx').on(table.userId),
     providerAccountUnique: uniqueIndex(
-      'oauth_accounts_provider_account_unique'
+      'oauth_accounts_provider_account_unique',
     ).on(table.provider, table.providerAccountId),
     providerAccountIdx: index('oauth_accounts_provider_account_idx').on(
       table.provider,
-      table.providerAccountId
+      table.providerAccountId,
     ),
-  })
+  }),
 )
 
 export type OAuthAccount = InferSelectModel<typeof oauthAccounts>
@@ -241,18 +241,18 @@ export const feedEntries = pgTable(
   },
   (table) => ({
     publishedAtIdx: index('feed_entries_published_at_idx').on(
-      table.publishedAt
+      table.publishedAt,
     ),
     sourceIdx: index('feed_entries_source_idx').on(table.source),
     categoryIdx: index('feed_entries_category_idx').on(table.category),
     visiblePublishedIdx: index('feed_entries_visible_published_idx').on(
       table.isVisible,
-      table.publishedAt
+      table.publishedAt,
     ),
     // GIN indexes for array columns (created via SQL migration)
     // libraryIdsGin: index('feed_entries_library_ids_gin_idx').using('gin', table.libraryIds),
     // tagsGin: index('feed_entries_tags_gin_idx').using('gin', table.tags),
-  })
+  }),
 )
 
 export type FeedEntry = InferSelectModel<typeof feedEntries>
@@ -271,7 +271,7 @@ export const feedConfig = pgTable(
   },
   (table) => ({
     keyIdx: index('feed_config_key_idx').on(table.key),
-  })
+  }),
 )
 
 export type FeedConfig = InferSelectModel<typeof feedConfig>
@@ -303,9 +303,9 @@ export const githubStatsCache = pgTable(
   (table) => ({
     cacheKeyIdx: index('github_stats_cache_key_idx').on(table.cacheKey),
     expiresAtIdx: index('github_stats_cache_expires_at_idx').on(
-      table.expiresAt
+      table.expiresAt,
     ),
-  })
+  }),
 )
 
 export type GithubStatsCache = InferSelectModel<typeof githubStatsCache>
@@ -344,14 +344,14 @@ export const npmPackages = pgTable(
   },
   (table) => ({
     packageNameIdx: index('npm_packages_package_name_idx').on(
-      table.packageName
+      table.packageName,
     ),
     githubRepoIdx: index('npm_packages_github_repo_idx').on(table.githubRepo),
     libraryIdIdx: index('npm_packages_library_id_idx').on(table.libraryId),
     statsExpiresAtIdx: index('npm_packages_stats_expires_at_idx').on(
-      table.statsExpiresAt
+      table.statsExpiresAt,
     ),
-  })
+  }),
 )
 
 export type NpmPackage = InferSelectModel<typeof npmPackages>
@@ -383,9 +383,9 @@ export const npmOrgStatsCache = pgTable(
   (table) => ({
     orgNameIdx: index('npm_org_stats_cache_org_name_idx').on(table.orgName),
     expiresAtIdx: index('npm_org_stats_cache_expires_at_idx').on(
-      table.expiresAt
+      table.expiresAt,
     ),
-  })
+  }),
 )
 
 export type NpmOrgStatsCache = InferSelectModel<typeof npmOrgStatsCache>
@@ -416,9 +416,9 @@ export const npmLibraryStatsCache = pgTable(
   },
   (table) => ({
     libraryIdIdx: index('npm_library_stats_cache_library_id_idx').on(
-      table.libraryId
+      table.libraryId,
     ),
-  })
+  }),
 )
 
 export type NpmLibraryStatsCache = InferSelectModel<typeof npmLibraryStatsCache>
@@ -448,7 +448,7 @@ export const roleAssignmentsRelations = relations(
       fields: [roleAssignments.roleId],
       references: [roles.id],
     }),
-  })
+  }),
 )
 
 export const sessionsRelations = relations(sessions, ({ one }) => ({
diff --git a/src/hooks/useHubSpotChat.ts b/src/hooks/useHubSpotChat.ts
index 8431bf26d..e26c5d172 100644
--- a/src/hooks/useHubSpotChat.ts
+++ b/src/hooks/useHubSpotChat.ts
@@ -69,6 +69,6 @@ export function useHubSpotChat(config?: HubSpotChatConfig) {
           async: true,
           defer: true,
           src: '', // Empty src prevents loading
-        }
+        },
   )
 }
diff --git a/src/hooks/useIntersectionObserver.ts b/src/hooks/useIntersectionObserver.ts
index dd7f6317b..295741ca0 100644
--- a/src/hooks/useIntersectionObserver.ts
+++ b/src/hooks/useIntersectionObserver.ts
@@ -8,7 +8,7 @@ export interface UseIntersectionObserverOptions {
 }
 
 export function useIntersectionObserver(
-  options: UseIntersectionObserverOptions = {}
+  options: UseIntersectionObserverOptions = {},
 ) {
   const {
     root = null,
@@ -41,7 +41,7 @@ export function useIntersectionObserver(
         root,
         rootMargin,
         threshold,
-      }
+      },
     )
 
     observer.observe(target)
diff --git a/src/hooks/useMutation.ts b/src/hooks/useMutation.ts
index 3ea6125f5..f2d83ea95 100644
--- a/src/hooks/useMutation.ts
+++ b/src/hooks/useMutation.ts
@@ -16,7 +16,7 @@ type BaseMutationProps<TVariables, TData, TError> = {
 }
 
 export function useBaseMutation<TVariables, TData, TError = Error>(
-  opts: BaseMutationProps<TVariables, TData, TError>
+  opts: BaseMutationProps<TVariables, TData, TError>,
 ) {
   const [submittedAt, setSubmittedAt] = React.useState<number | undefined>()
   const [variables, setVariables] = React.useState<TVariables | undefined>()
@@ -51,7 +51,7 @@ export function useBaseMutation<TVariables, TData, TError = Error>(
       ? (variables?: TVariables) => Promise<TData | undefined>
       : (variables: TVariables) => Promise<TData | undefined>,
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [opts.fn]
+    [opts.fn],
   )
 
   const handleSubmit = React.useCallback(
@@ -60,7 +60,7 @@ export function useBaseMutation<TVariables, TData, TError = Error>(
       mutate(new FormData((e as any).target) as TVariables)
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [mutate, variables]
+    [mutate, variables],
   )
 
   return {
@@ -75,7 +75,7 @@ export function useBaseMutation<TVariables, TData, TError = Error>(
 }
 
 export function useMutation<TVariables, TData, TError = Error>(
-  opts: BaseMutationProps<TVariables, TData, TError>
+  opts: BaseMutationProps<TVariables, TData, TError>,
 ) {
   const router = useRouter()
 
diff --git a/src/hooks/useNpmDownloadCounter.ts b/src/hooks/useNpmDownloadCounter.ts
index 041a53bdb..b45f07dcc 100644
--- a/src/hooks/useNpmDownloadCounter.ts
+++ b/src/hooks/useNpmDownloadCounter.ts
@@ -69,6 +69,6 @@ export function useNpmDownloadCounter(npmData: NpmStats): {
       count: animatedCount,
       intervalMs: 1000, // This is just for compatibility, actual interval is managed internally
     }),
-    [animatedCount]
+    [animatedCount],
   )
 }
diff --git a/src/hooks/useScript.ts b/src/hooks/useScript.ts
index ad5f30d2e..dc6da771d 100644
--- a/src/hooks/useScript.ts
+++ b/src/hooks/useScript.ts
@@ -4,7 +4,7 @@ export function useScript(
   attrs: React.HTMLProps<HTMLScriptElement>,
   opts?: {
     delay?: number
-  }
+  },
 ) {
   const attrsStringified = JSON.stringify(attrs)
 
diff --git a/src/libraries/maintainers.ts b/src/libraries/maintainers.ts
index 4fd90ebe5..b8a5fb9fb 100644
--- a/src/libraries/maintainers.ts
+++ b/src/libraries/maintainers.ts
@@ -465,22 +465,22 @@ export const allMaintainers: Maintainer[] = [
 ]
 
 export const coreMaintainers = allMaintainers.filter(
-  (maintainer) => maintainer.isCoreMaintainer
+  (maintainer) => maintainer.isCoreMaintainer,
 )
 
 export function getLibraryCreators(libraryId: string): Maintainer[] {
   return allMaintainers.filter((maintainer) =>
-    maintainer.creatorOf?.includes(libraryId as Library['id'])
+    maintainer.creatorOf?.includes(libraryId as Library['id']),
   )
 }
 
 export function getLibraryMaintainers(
   libraryId: string,
-  includeCreators = true
+  includeCreators = true,
 ): Maintainer[] {
   const creators = getLibraryCreators(libraryId)
   const maintainers = allMaintainers.filter((maintainer) =>
-    maintainer.maintainerOf?.includes(libraryId as Library['id'])
+    maintainer.maintainerOf?.includes(libraryId as Library['id']),
   )
 
   // Use Set to dedupe while preserving order
@@ -491,11 +491,11 @@ export function getLibraryMaintainers(
 
 export function getLibraryContributors(
   libraryId: string,
-  includeMaintainers = true
+  includeMaintainers = true,
 ): Maintainer[] {
   const maintainers = getLibraryMaintainers(libraryId)
   const contributors = allMaintainers.filter((maintainer) =>
-    maintainer.contributorOf?.includes(libraryId as Library['id'])
+    maintainer.contributorOf?.includes(libraryId as Library['id']),
   )
 
   return includeMaintainers
@@ -509,7 +509,7 @@ export function getPersonsCreatorOf(person: Maintainer): Library[] {
 
 export function getPersonsMaintainerOf(
   person: Maintainer,
-  includeCreatorOf = true
+  includeCreatorOf = true,
 ): Library[] {
   const creatorOf = getPersonsCreatorOf(person)
   const maintainerOf =
@@ -526,21 +526,21 @@ export function getIsCreatorOfLibrary(person: Maintainer, libraryId: string) {
 
 export function getIsMaintainerOfLibrary(
   person: Maintainer,
-  libraryId: string
+  libraryId: string,
 ) {
   return person.maintainerOf?.includes(libraryId as Library['id'])
 }
 
 export function getIsContributorOfLibrary(
   person: Maintainer,
-  libraryId: string
+  libraryId: string,
 ) {
   return person.contributorOf?.includes(libraryId as Library['id'])
 }
 
 export function getIsConsultantOfLibrary(
   person: Maintainer,
-  libraryId: string
+  libraryId: string,
 ) {
   return person.consultantOf?.includes(libraryId as Library['id'])
 }
@@ -555,7 +555,7 @@ export function getRoleInLibrary(person: Maintainer, libraryId: string) {
 
 export function getRoleForFilteredLibraries(
   person: Maintainer,
-  libraryIds: Library['id'][] | undefined
+  libraryIds: Library['id'][] | undefined,
 ): 'creator' | 'maintainer' | 'contributor' | 'other' {
   // If no libraries are filtered, use global roles
   if (!libraryIds || libraryIds.length === 0) {
@@ -569,13 +569,13 @@ export function getRoleForFilteredLibraries(
 
   // Check roles only for the filtered libraries
   const isCreatorOfFiltered = libraryIds.some((lib) =>
-    person.creatorOf?.includes(lib)
+    person.creatorOf?.includes(lib),
   )
   const isMaintainerOfFiltered = libraryIds.some((lib) =>
-    person.maintainerOf?.includes(lib)
+    person.maintainerOf?.includes(lib),
   )
   const isContributorOfFiltered = libraryIds.some((lib) =>
-    person.contributorOf?.includes(lib)
+    person.contributorOf?.includes(lib),
   )
 
   if (isCreatorOfFiltered) return 'creator'
@@ -586,7 +586,7 @@ export function getRoleForFilteredLibraries(
 
 export function getRolePriorityForFilteredLibraries(
   person: Maintainer,
-  libraryIds: Library['id'][] | undefined
+  libraryIds: Library['id'][] | undefined,
 ): number {
   const role = getRoleForFilteredLibraries(person, libraryIds)
 
@@ -607,7 +607,7 @@ export function getRolePriorityForFilteredLibraries(
 
 export function getIsCoreMaintainerForFilteredLibraries(
   person: Maintainer,
-  libraryIds: Library['id'][] | undefined
+  libraryIds: Library['id'][] | undefined,
 ): boolean {
   // If no libraries are filtered, use global core maintainer status
   if (!libraryIds || libraryIds.length === 0) {
diff --git a/src/libraries/query.tsx b/src/libraries/query.tsx
index d6d8150ed..8a0c05dbc 100644
--- a/src/libraries/query.tsx
+++ b/src/libraries/query.tsx
@@ -40,7 +40,7 @@ export const queryProject = {
       href,
       '/query/v3',
       '/query/latest',
-      'from=reactQueryV3'
+      'from=reactQueryV3',
     )
 
     handleRedirects(
@@ -48,7 +48,7 @@ export const queryProject = {
       href,
       '/query/v3',
       '/query/v5',
-      'from=reactQueryV3'
+      'from=reactQueryV3',
     )
 
     handleRedirects(
@@ -56,7 +56,7 @@ export const queryProject = {
       href,
       '/query/latest',
       '/query/latest',
-      'from=communityLinks'
+      'from=communityLinks',
     )
   },
   menu: [
diff --git a/src/libraries/router.tsx b/src/libraries/router.tsx
index e19caea17..5eaa04e5e 100644
--- a/src/libraries/router.tsx
+++ b/src/libraries/router.tsx
@@ -16,7 +16,7 @@ export const routerProject = {
   id: 'router',
   name: 'TanStack Router',
   cardStyles: twMerge(
-    `shadow-xl shadow-emerald-700/20 dark:shadow-lg dark:shadow-emerald-500/30 ${textStyles} border-2 border-transparent hover:border-current`
+    `shadow-xl shadow-emerald-700/20 dark:shadow-lg dark:shadow-emerald-500/30 ${textStyles} border-2 border-transparent hover:border-current`,
   ),
   to: '/router',
   tagline: `Type-safe Routing for React and Solid applications`,
@@ -121,7 +121,7 @@ export const routerProject = {
       throw redirect({
         href: href.replace(
           'router/latest/docs/framework/react/start',
-          'start/latest/docs/framework/react'
+          'start/latest/docs/framework/react',
         ),
       })
     }
@@ -130,7 +130,7 @@ export const routerProject = {
       throw redirect({
         href: href.replace(
           'router/latest/docs/framework/react/examples/start',
-          'start/latest/docs/framework/react/examples/start'
+          'start/latest/docs/framework/react/examples/start',
         ),
       })
     }
diff --git a/src/libraries/start.tsx b/src/libraries/start.tsx
index 931e9c30d..7cdf749c2 100644
--- a/src/libraries/start.tsx
+++ b/src/libraries/start.tsx
@@ -159,7 +159,7 @@ export const startProject = {
     // Redirect from /api-routes to /server-routes
     if (
       href.match(
-        /\/start\/(latest|v1)\/docs\/framework\/(react|solid)\/api-routes/
+        /\/start\/(latest|v1)\/docs\/framework\/(react|solid)\/api-routes/,
       )
     ) {
       throw redirect({
diff --git a/src/libraries/table.tsx b/src/libraries/table.tsx
index 4d63d70a6..3ef809504 100644
--- a/src/libraries/table.tsx
+++ b/src/libraries/table.tsx
@@ -49,7 +49,7 @@ export const tableProject = {
       href,
       '/table/v7',
       '/table/v8',
-      'from=reactTableV7'
+      'from=reactTableV7',
     )
   },
   menu: [
diff --git a/src/routes/$libraryId/$version.docs.community-resources.tsx b/src/routes/$libraryId/$version.docs.community-resources.tsx
index c32752995..d8caf8a19 100644
--- a/src/routes/$libraryId/$version.docs.community-resources.tsx
+++ b/src/routes/$libraryId/$version.docs.community-resources.tsx
@@ -7,7 +7,7 @@ import { seo } from '~/utils/seo'
 import { loadDocs } from '~/utils/docs'
 
 export const Route = createFileRoute(
-  '/$libraryId/$version/docs/community-resources'
+  '/$libraryId/$version/docs/community-resources',
 )({
   staleTime: 1000 * 60 * 5,
   loader: async (ctx) => {
@@ -62,7 +62,7 @@ function RouteComponent() {
     <DocContainer>
       <div
         className={twMerge(
-          'w-full flex flex-col bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[1200px]'
+          'w-full flex flex-col bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[1200px]',
         )}
       >
         <div className="p-4 lg:p-6 flex flex-col space-y-4 w-full">
diff --git a/src/routes/$libraryId/$version.docs.contributors.tsx b/src/routes/$libraryId/$version.docs.contributors.tsx
index 80eacae39..fb5e028be 100644
--- a/src/routes/$libraryId/$version.docs.contributors.tsx
+++ b/src/routes/$libraryId/$version.docs.contributors.tsx
@@ -43,7 +43,7 @@ function RouteComponent() {
       <DocContainer>
         <div
           className={twMerge(
-            'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[1200px]'
+            'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[1200px]',
           )}
         >
           <div
@@ -97,8 +97,8 @@ function RouteComponent() {
                   viewMode === 'compact'
                     ? 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4'
                     : viewMode === 'row'
-                    ? 'flex flex-col gap-4'
-                    : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
+                      ? 'flex flex-col gap-4'
+                      : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
                 } mb-8 pt-8`}
               >
                 {libraryContributors.map((maintainer, index) => (
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.$.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.$.tsx
index 0347ba1bd..32060dd9b 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.$.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.$.tsx
@@ -7,7 +7,7 @@ import { capitalize } from '~/utils/utils'
 import { DocContainer } from '~/components/DocContainer'
 
 export const Route = createFileRoute(
-  '/$libraryId/$version/docs/framework/$framework/$'
+  '/$libraryId/$version/docs/framework/$framework/$',
 )({
   staleTime: 1000 * 60 * 5,
   loader: (ctx) => {
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.examples.$.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.examples.$.tsx
index 60ce6d148..85b0718ea 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.examples.$.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.examples.$.tsx
@@ -34,7 +34,7 @@ const fileQueryOptions = (repo: string, branch: string, filePath: string) => {
 const repoDirApiContentsQueryOptions = (
   repo: string,
   branch: string,
-  startingPath: string
+  startingPath: string,
 ) =>
   queryOptions({
     queryKey: ['repo-api-contents', repo, branch, startingPath],
@@ -46,7 +46,7 @@ const repoDirApiContentsQueryOptions = (
   })
 
 export const Route = createFileRoute(
-  '/$libraryId/$version/docs/framework/$framework/examples/$'
+  '/$libraryId/$version/docs/framework/$framework/examples/$',
 )({
   component: RouteComponent,
   validateSearch: z.object({
@@ -64,7 +64,7 @@ export const Route = createFileRoute(
 
     // Fetching and Caching the contents of the target directory
     const githubContents = await queryClient.ensureQueryData(
-      repoDirApiContentsQueryOptions(library.repo, branch, repoStartingDirPath)
+      repoDirApiContentsQueryOptions(library.repo, branch, repoStartingDirPath),
     )
 
     // Used to determine the starting file name for the explorer
@@ -81,13 +81,13 @@ export const Route = createFileRoute(
       githubContents,
       explorerCandidateStartingFileName,
       params.framework as Framework,
-      params.libraryId
+      params.libraryId,
     )
 
     // Now that we've resolved the starting file path, we can
     // fetching and caching the file content for the starting file path
     await queryClient.ensureQueryData(
-      fileQueryOptions(library.repo, branch, currentPath)
+      fileQueryOptions(library.repo, branch, currentPath),
     )
 
     return { repoStartingDirPath, currentPath }
@@ -98,10 +98,10 @@ export const Route = createFileRoute(
     return {
       meta: seo({
         title: `${capitalize(params.framework)} ${library.name} ${slugToTitle(
-          params._splat || ''
+          params._splat || '',
         )} Example | ${library.name} Docs`,
         description: `An example showing how to implement ${slugToTitle(
-          params._splat || ''
+          params._splat || '',
         )} in ${capitalize(params.framework)} using ${library.name}.`,
       }),
     }
@@ -127,11 +127,11 @@ function PageComponent() {
 
   const mainExampleFile = getExampleStartingPath(
     framework as Framework,
-    libraryId
+    libraryId,
   )
 
   const { data: githubContents } = useSuspenseQuery(
-    repoDirApiContentsQueryOptions(library.repo, branch, repoStartingDirPath)
+    repoDirApiContentsQueryOptions(library.repo, branch, repoStartingDirPath),
   )
 
   const [isDark, setIsDark] = React.useState(true)
@@ -166,14 +166,14 @@ function PageComponent() {
   }
 
   const { data: currentCode } = useQuery(
-    fileQueryOptions(library.repo, branch, currentPath)
+    fileQueryOptions(library.repo, branch, currentPath),
   )
 
   const prefetchFileContent = React.useCallback(
     (path: string) => {
       queryClient.prefetchQuery(fileQueryOptions(library.repo, branch, path))
     },
-    [queryClient, library.repo, branch]
+    [queryClient, library.repo, branch],
   )
 
   // Update local storage when tab changes
@@ -292,7 +292,7 @@ function determineStartingFilePath(
   nodes: Array<GitHubFileNode> | null,
   candidate: string,
   framework: Framework,
-  libraryId: string
+  libraryId: string,
 ) {
   if (!nodes) return candidate
 
@@ -325,7 +325,7 @@ function determineStartingFilePath(
   // If no preference file is found, try and find the first file from a preference directory
   for (const dir of preferenceDirs) {
     const found = flattened.find(
-      (node) => node.path.startsWith(dir) && node.type === 'file'
+      (node) => node.path.startsWith(dir) && node.type === 'file',
     )
     if (found) {
       return found.path
@@ -344,7 +344,7 @@ function determineStartingFilePath(
 
 function recursiveFlattenGithubContents(
   nodes: Array<GitHubFileNode>,
-  bannedDirs: Set<string> = new Set()
+  bannedDirs: Set<string> = new Set(),
 ): Array<GitHubFileNode> {
   return nodes.flatMap((node) => {
     if (node.type === 'dir' && node.children && !bannedDirs.has(node.name)) {
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx
index a68b78d7c..10bdc5c7a 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx
@@ -10,7 +10,7 @@ import { DocTitle } from '~/components/DocTitle'
 import { twMerge } from 'tailwind-merge'
 
 export const Route = createFileRoute(
-  '/$libraryId/$version/docs/framework/$framework/'
+  '/$libraryId/$version/docs/framework/$framework/',
 )({
   staleTime: 1000 * 60 * 5,
   loader: (ctx) => {
@@ -47,7 +47,7 @@ function Comp() {
     <DocContainer>
       <div
         className={twMerge(
-          'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[936px]'
+          'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[936px]',
         )}
       >
         <div
@@ -63,7 +63,7 @@ function Comp() {
           <div
             className={twMerge(
               'prose prose-gray prose-sm prose-p:leading-7 dark:prose-invert max-w-none',
-              'styled-markdown-content'
+              'styled-markdown-content',
             )}
           >
             Use the menu to select a documentation page.
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
index 72dee314a..76b75005f 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
@@ -3,7 +3,7 @@ import { loadDocs } from '~/utils/docs'
 import { createFileRoute, notFound } from '@tanstack/react-router'
 
 export const Route = createFileRoute(
-  '/$libraryId/$version/docs/framework/$framework/{$}.md'
+  '/$libraryId/$version/docs/framework/$framework/{$}.md',
 )({
   server: {
     handlers: {
diff --git a/src/routes/$libraryId/$version.docs.framework.index.tsx b/src/routes/$libraryId/$version.docs.framework.index.tsx
index 45a729400..b2decd37a 100644
--- a/src/routes/$libraryId/$version.docs.framework.index.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.index.tsx
@@ -14,7 +14,7 @@ export const Route = createFileRoute('/$libraryId/$version/docs/framework/')({
 function getPackageName(
   frameworkValue: string,
   libraryId: string,
-  library: ReturnType<typeof getLibrary>
+  library: ReturnType<typeof getLibrary>,
 ): string {
   if (frameworkValue === 'vanilla') {
     // For vanilla, use corePackageName if provided, otherwise just libraryId
@@ -39,7 +39,7 @@ function RouteComponent() {
     <DocContainer>
       <div
         className={twMerge(
-          'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[936px]'
+          'w-full flex bg-white/70 dark:bg-black/40 mx-auto rounded-xl max-w-[936px]',
         )}
       >
         <div
@@ -53,14 +53,14 @@ function RouteComponent() {
           {/* Framework Cards Grid */}
           <div
             className={twMerge(
-              'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4'
+              'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4',
             )}
           >
             {frameworks.map((framework, i) => {
               const packageName = getPackageName(
                 framework.value,
                 libraryId,
-                library
+                library,
               )
               return (
                 <FrameworkCard
diff --git a/src/routes/$libraryId/route.tsx b/src/routes/$libraryId/route.tsx
index 85f5084ac..d31b706d3 100644
--- a/src/routes/$libraryId/route.tsx
+++ b/src/routes/$libraryId/route.tsx
@@ -42,8 +42,8 @@ export const Route = createFileRoute('/$libraryId')({
               .map(
                 (framework) =>
                   `${framework.charAt(0).toUpperCase()}${framework.slice(
-                    1
-                  )} ${library.name.replace('TanStack ', '')}`
+                    1,
+                  )} ${library.name.replace('TanStack ', '')}`,
               )
               .join(', ')}`
           : '',
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index ff1505669..448aca457 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -131,7 +131,7 @@ export const Route = createRootRouteWithContext<{
       throw redirect({
         href: ctx.location.href.replace(
           /\/docs\/(react|vue|angular|svelte|solid)\//gm,
-          '/docs/framework/$1/'
+          '/docs/framework/$1/',
         ),
       })
     }
diff --git a/src/routes/_libraries/account.tsx b/src/routes/_libraries/account.tsx
index a65771487..b28affa13 100644
--- a/src/routes/_libraries/account.tsx
+++ b/src/routes/_libraries/account.tsx
@@ -30,7 +30,7 @@ function UserSettings() {
   const user = userQuery.data
   const adsDisabled =
     user && typeof user === 'object' && 'adsDisabled' in user
-      ? user.adsDisabled ?? false
+      ? (user.adsDisabled ?? false)
       : false
   const canDisableAds = capabilities.includes('disableAds')
 
@@ -43,7 +43,7 @@ function UserSettings() {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Ad visibility preference saved
           </div>
-        </div>
+        </div>,
       )
     } catch (error) {
       notify(
@@ -52,7 +52,7 @@ function UserSettings() {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Failed to update preferences
           </div>
-        </div>
+        </div>,
       )
     }
   }
@@ -66,7 +66,7 @@ function UserSettings() {
         <div className="text-gray-500 dark:text-gray-400 text-xs">
           You have been logged out
         </div>
-      </div>
+      </div>,
     )
   }
 
@@ -87,7 +87,7 @@ function UserSettings() {
                   className="border border-gray-300 rounded-md py-1 px-2 w-full max-w-xs"
                   value={
                     user && typeof user === 'object' && 'email' in user
-                      ? user.email ?? ''
+                      ? (user.email ?? '')
                       : ''
                   }
                   disabled
diff --git a/src/routes/_libraries/ads.tsx b/src/routes/_libraries/ads.tsx
index c7e36c69c..278751230 100644
--- a/src/routes/_libraries/ads.tsx
+++ b/src/routes/_libraries/ads.tsx
@@ -235,7 +235,7 @@ function OptInButton() {
     ) {
       setIsInterested(
         (userQuery.data as { interestedInHidingAds?: boolean })
-          .interestedInHidingAds ?? false
+          .interestedInHidingAds ?? false,
       )
     }
   }, [userQuery.data])
@@ -251,7 +251,7 @@ function OptInButton() {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             We'll notify you when ad-free browsing becomes available
           </div>
-        </div>
+        </div>,
       )
     } catch (error) {
       notify(
@@ -260,7 +260,7 @@ function OptInButton() {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Failed to join waitlist. Please try again.
           </div>
-        </div>
+        </div>,
       )
     } finally {
       setIsLoading(false)
diff --git a/src/routes/_libraries/blog.$.tsx b/src/routes/_libraries/blog.$.tsx
index d1d4b6a04..e8dd6b23d 100644
--- a/src/routes/_libraries/blog.$.tsx
+++ b/src/routes/_libraries/blog.$.tsx
@@ -51,7 +51,7 @@ const fetchBlogPost = createServerFn({ method: 'GET' })
         'cache-control': 'public, max-age=0, must-revalidate',
         'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
         'Netlify-Vary': 'query=payload',
-      })
+      }),
     )
 
     return {
@@ -75,7 +75,7 @@ export const Route = createFileRoute('/_libraries/blog/$')({
 
       // Use Netlify Image CDN to optimize for social media (1200x630 is the standard for og:image)
       const netlifyImageUrl = `https://tanstack.com/.netlify/images?url=${encodeURIComponent(
-        headerImage
+        headerImage,
       )}&w=1200&h=630&fit=cover&fm=jpg&q=80`
       return netlifyImageUrl
     }
@@ -107,7 +107,7 @@ function BlogPost() {
 
   const blogContent = `_by ${formatAuthors(authors)} on ${format(
     new Date(published || 0),
-    'MMM dd, yyyy'
+    'MMM dd, yyyy',
   )}._
 ${content}`
 
@@ -168,7 +168,7 @@ ${content}`
                         className={twMerge(
                           'prose prose-gray dark:prose-invert max-w-none',
                           '[font-size:14px]',
-                          'styled-markdown-content'
+                          'styled-markdown-content',
                         )}
                       >
                         <Markdown rawContent={blogContent} />
diff --git a/src/routes/_libraries/blog.index.tsx b/src/routes/_libraries/blog.index.tsx
index b76d42da7..c0f33c5f5 100644
--- a/src/routes/_libraries/blog.index.tsx
+++ b/src/routes/_libraries/blog.index.tsx
@@ -36,7 +36,7 @@ const fetchFrontMatters = createServerFn({ method: 'GET' }).handler(
     //     'Cache-Control': 'public, max-age=300, s-maxage=3600',
     //   },
     // })
-  }
+  },
 )
 
 export const Route = createFileRoute('/_libraries/blog/')({
diff --git a/src/routes/_libraries/brand-guide.tsx b/src/routes/_libraries/brand-guide.tsx
index b78db4216..78b908be0 100644
--- a/src/routes/_libraries/brand-guide.tsx
+++ b/src/routes/_libraries/brand-guide.tsx
@@ -49,7 +49,7 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
           <div className="text-gray-500 dark:text-gray-400 text-xs">
             Try again or use Copy URL
           </div>
-        </div>
+        </div>,
       )
     }
   }
@@ -60,13 +60,13 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
         bg === 'dark'
           ? 'bg-black/80 text-white'
           : bg === 'light'
-          ? 'bg-white text-black'
-          : 'bg-gray-500/20'
+            ? 'bg-white text-black'
+            : 'bg-gray-500/20',
       )}
     >
       <div
         className={twMerge(
-          `p-6  flex items-center justify-center min-h-[200px]`
+          `p-6  flex items-center justify-center min-h-[200px]`,
         )}
       >
         {asset}
@@ -98,7 +98,7 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
                       <div className="text-gray-500 dark:text-gray-400 text-xs">
                         Asset URL is now in your clipboard
                       </div>
-                    </div>
+                    </div>,
                   )
                 } catch (err) {
                   console.error('Failed to copy asset URL', err)
@@ -108,7 +108,7 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
                       <div className="text-gray-500 dark:text-gray-400 text-xs">
                         Try again or download directly from the brand guide
                       </div>
-                    </div>
+                    </div>,
                   )
                 }
               }}
@@ -131,7 +131,7 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
                         <div className="text-gray-500 dark:text-gray-400 text-xs">
                           SVG markup is now in your clipboard
                         </div>
-                      </div>
+                      </div>,
                     )
                   } catch (err) {
                     console.error('Failed to copy SVG', err)
@@ -141,7 +141,7 @@ function AssetCard({ title, description, asset, url, bg }: AssetCardProps) {
                         <div className="text-gray-500 dark:text-gray-400 text-xs">
                           Try again or download directly from the brand guide
                         </div>
-                      </div>
+                      </div>,
                     )
                   }
                 }}
@@ -251,7 +251,7 @@ function RouteComponent() {
         ],
       },
     ],
-    []
+    [],
   )
   return (
     <div className="min-h-screen flex flex-col">
diff --git a/src/routes/_libraries/feed.$id.tsx b/src/routes/_libraries/feed.$id.tsx
index e2ab223f7..e422b102a 100644
--- a/src/routes/_libraries/feed.$id.tsx
+++ b/src/routes/_libraries/feed.$id.tsx
@@ -19,7 +19,7 @@ export const Route = createFileRoute('/_libraries/feed/$id')({
 
     // Fetch the feed entry by id
     const entry = await queryClient.ensureQueryData(
-      getFeedEntryByIdQueryOptions(entryId)
+      getFeedEntryByIdQueryOptions(entryId),
     )
 
     if (!entry) {
@@ -185,7 +185,7 @@ function FeedEntryView({ entry }: { entry: FeedEntry }) {
         tag !== 'release:prerelease' &&
         (tag === 'release:major' ||
           tag === 'release:minor' ||
-          tag === 'release:patch')
+          tag === 'release:patch'),
     )
     if (!releaseLevelTag) return null
 
@@ -252,7 +252,7 @@ function FeedEntryView({ entry }: { entry: FeedEntry }) {
           className={twMerge(
             'bg-white dark:bg-black border border-gray-200 dark:border-gray-800 rounded-lg p-4 lg:p-6',
             entry.featured &&
-              'bg-yellow-50 dark:bg-yellow-900/10 border-yellow-200 dark:border-yellow-800'
+              'bg-yellow-50 dark:bg-yellow-900/10 border-yellow-200 dark:border-yellow-800',
           )}
         >
           {/* Header */}
@@ -262,7 +262,7 @@ function FeedEntryView({ entry }: { entry: FeedEntry }) {
               <span
                 className={twMerge(
                   'px-2 py-1 rounded-md text-xs font-medium uppercase',
-                  badge.className
+                  badge.className,
                 )}
               >
                 {badge.label}
@@ -271,7 +271,7 @@ function FeedEntryView({ entry }: { entry: FeedEntry }) {
                 <span
                   className={twMerge(
                     'px-2 py-1 rounded-md text-xs font-medium uppercase',
-                    releaseLevelBadge.className
+                    releaseLevelBadge.className,
                   )}
                 >
                   {releaseLevelBadge.label}
diff --git a/src/routes/_libraries/feed.index.tsx b/src/routes/_libraries/feed.index.tsx
index c323f2ac6..0a117435a 100644
--- a/src/routes/_libraries/feed.index.tsx
+++ b/src/routes/_libraries/feed.index.tsx
@@ -81,7 +81,7 @@ export const Route = createFileRoute('/_libraries/feed/')({
           featured: deps.featured,
           search: deps.search,
         },
-      })
+      }),
     )
   },
   headers: () => ({
diff --git a/src/routes/_libraries/index.tsx b/src/routes/_libraries/index.tsx
index 3c54a2d62..a20b6fdf1 100644
--- a/src/routes/_libraries/index.tsx
+++ b/src/routes/_libraries/index.tsx
@@ -55,7 +55,7 @@ const fetchRecentPosts = createServerFn({ method: 'GET' }).handler(async () => {
       'cache-control': 'public, max-age=0, must-revalidate',
       'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
       'Netlify-Vary': 'query=payload',
-    })
+    }),
   )
 
   return allPosts
@@ -227,7 +227,7 @@ function Index() {
                           'hover:shadow-2xl hover:shadow-current/20 hover:border-current/50 hover:-translate-y-1',
                           'relative group',
                           'min-h-[250px] xl:min-h-[220px]',
-                          library.cardStyles
+                          library.cardStyles,
                         )}
                         style={{
                           zIndex: i,
@@ -244,7 +244,7 @@ function Index() {
                                 return (
                                   <div
                                     className={twMerge(
-                                      `flex items-center gap-2 text-[1.2rem] font-extrabold uppercase [letter-spacing:-.04em]`
+                                      `flex items-center gap-2 text-[1.2rem] font-extrabold uppercase [letter-spacing:-.04em]`,
                                     )}
                                     style={{
                                       viewTransitionName: `library-name-${library.id}`,
@@ -321,7 +321,7 @@ function Index() {
                                   library.colorFrom,
                                   library.colorTo,
                                 ],
-                                'uppercase text-white font-black italic text-xs'
+                                'uppercase text-white font-black italic text-xs',
                               )}
                               style={{
                                 animation: 'pulseScale 3s infinite',
@@ -339,7 +339,7 @@ function Index() {
                   })}
                 </div>
               </div>
-            )
+            ),
           )}
         </div>
 
@@ -423,7 +423,7 @@ function Index() {
                                 dateTime={published}
                                 title={format(
                                   new Date(published),
-                                  'MMM dd, yyyy'
+                                  'MMM dd, yyyy',
                                 )}
                               >
                                 {' '}
@@ -447,7 +447,7 @@ function Index() {
                       </div>
                     </Link>
                   )
-                }
+                },
               )}
             </div>
             <div className="text-center mt-6">
@@ -626,7 +626,7 @@ function Index() {
                         <div className="text-gray-500 dark:text-gray-400 text-xs">
                           Check your email to confirm your subscription
                         </div>
-                      </div>
+                      </div>,
                     )
                   } else if (bytesSignupMutation.status === 'error') {
                     notify(
@@ -635,7 +635,7 @@ function Index() {
                         <div className="text-gray-500 dark:text-gray-400 text-xs">
                           Please try again in a moment
                         </div>
-                      </div>
+                      </div>,
                     )
                   }
                 }}
diff --git a/src/routes/_libraries/maintainers.tsx b/src/routes/_libraries/maintainers.tsx
index 8c73d9d18..2c98ae898 100644
--- a/src/routes/_libraries/maintainers.tsx
+++ b/src/routes/_libraries/maintainers.tsx
@@ -310,7 +310,7 @@ function MaintainersFilter({
         <div className="flex flex-wrap gap-2">
           {selectedLibraries?.map((libraryId) => {
             const library = availableLibraries.find(
-              (lib) => lib.id === libraryId
+              (lib) => lib.id === libraryId,
             )
             const bgStyle = library?.bgStyle ?? 'bg-gray-500'
 
@@ -360,8 +360,8 @@ function MaintainerGrid({
           viewMode === 'compact'
             ? 'grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-6'
             : viewMode === 'row'
-            ? 'flex flex-col gap-4'
-            : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
+              ? 'flex flex-col gap-4'
+              : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
         }`}
       >
         {maintainers.map((maintainer, index) => (
@@ -422,19 +422,19 @@ function RouteComponent() {
         const maintainerLibraries = getPersonsMaintainerOf(maintainer)
         return (
           maintainerLibraries.some((lib) =>
-            search.libraries!.includes(lib.id as Library['id'])
+            search.libraries!.includes(lib.id as Library['id']),
           ) ||
           maintainer.creatorOf?.some((lib) =>
-            search.libraries!.includes(lib)
+            search.libraries!.includes(lib),
           ) ||
           maintainer.maintainerOf?.some((lib) =>
-            search.libraries!.includes(lib)
+            search.libraries!.includes(lib),
           ) ||
           maintainer.contributorOf?.some((lib) =>
-            search.libraries!.includes(lib)
+            search.libraries!.includes(lib),
           ) ||
           maintainer.consultantOf?.some((lib) =>
-            search.libraries!.includes(lib)
+            search.libraries!.includes(lib),
           )
         )
       })
@@ -453,11 +453,11 @@ function RouteComponent() {
           // Sort by role priority within filtered libraries, then core status, then original order
           const aPriority = getRolePriorityForFilteredLibraries(
             a,
-            search.libraries
+            search.libraries,
           )
           const bPriority = getRolePriorityForFilteredLibraries(
             b,
-            search.libraries
+            search.libraries,
           )
 
           if (aPriority !== bPriority) {
@@ -467,11 +467,11 @@ function RouteComponent() {
           // Same role priority - use core maintainer status for filtered libraries
           const aIsCore = getIsCoreMaintainerForFilteredLibraries(
             a,
-            search.libraries
+            search.libraries,
           )
           const bIsCore = getIsCoreMaintainerForFilteredLibraries(
             b,
-            search.libraries
+            search.libraries,
           )
 
           if (aIsCore && !bIsCore) return -1
@@ -506,29 +506,29 @@ function RouteComponent() {
     switch (search.groupBy) {
       case 'core':
         const coreMaintainers = filteredMaintainers.filter(
-          (m) => m.isCoreMaintainer
+          (m) => m.isCoreMaintainer,
         )
         const regularMaintainers = filteredMaintainers.filter(
           (m) =>
             !m.isCoreMaintainer &&
             ((m.creatorOf && m.creatorOf.length > 0) ||
-              (m.maintainerOf && m.maintainerOf.length > 0))
+              (m.maintainerOf && m.maintainerOf.length > 0)),
         )
         const regularContributors = filteredMaintainers.filter(
           (m) =>
             !m.isCoreMaintainer &&
             (!m.creatorOf || m.creatorOf.length === 0) &&
-            (!m.maintainerOf || m.maintainerOf.length === 0)
+            (!m.maintainerOf || m.maintainerOf.length === 0),
         )
 
         // Sort by original order within each group
         const sortByOriginalOrder = (group: Maintainer[]) => {
           return group.sort((a, b) => {
             const aIndex = allMaintainers.findIndex(
-              (m) => m.github === a.github
+              (m) => m.github === a.github,
             )
             const bIndex = allMaintainers.findIndex(
-              (m) => m.github === b.github
+              (m) => m.github === b.github,
             )
             return aIndex - bIndex
           })
@@ -579,10 +579,10 @@ function RouteComponent() {
           const uniqueMaintainers = [...new Set(maintainers)]
           const sortedMaintainers = uniqueMaintainers.sort((a, b) => {
             const aIndex = allMaintainers.findIndex(
-              (m) => m.github === a.github
+              (m) => m.github === a.github,
             )
             const bIndex = allMaintainers.findIndex(
-              (m) => m.github === b.github
+              (m) => m.github === b.github,
             )
 
             // Get library ID for this group
@@ -612,25 +612,25 @@ function RouteComponent() {
 
       case 'role':
         const creators = filteredMaintainers.filter(
-          (m) => getRoleForFilteredLibraries(m, search.libraries) === 'creator'
+          (m) => getRoleForFilteredLibraries(m, search.libraries) === 'creator',
         )
         const libraryMaintainers = filteredMaintainers.filter(
           (m) =>
-            getRoleForFilteredLibraries(m, search.libraries) === 'maintainer'
+            getRoleForFilteredLibraries(m, search.libraries) === 'maintainer',
         )
         const libraryContributors = filteredMaintainers.filter(
           (m) =>
-            getRoleForFilteredLibraries(m, search.libraries) === 'contributor'
+            getRoleForFilteredLibraries(m, search.libraries) === 'contributor',
         )
 
         // Sort each role group: core maintainers first, then by original order
         const sortRoleGroup = (group: Maintainer[]) => {
           return group.sort((a, b) => {
             const aIndex = allMaintainers.findIndex(
-              (m) => m.github === a.github
+              (m) => m.github === a.github,
             )
             const bIndex = allMaintainers.findIndex(
-              (m) => m.github === b.github
+              (m) => m.github === b.github,
             )
 
             // Core maintainers first within each role
diff --git a/src/routes/_libraries/paid-support.tsx b/src/routes/_libraries/paid-support.tsx
index a7e015a80..708780368 100644
--- a/src/routes/_libraries/paid-support.tsx
+++ b/src/routes/_libraries/paid-support.tsx
@@ -26,7 +26,7 @@ export const Route = createFileRoute('/_libraries/paid-support')({
 
 function PaidSupportComp() {
   const [viewMode, setViewMode] = useState<'compact' | 'full' | 'row'>(
-    'compact'
+    'compact',
   )
 
   return (
@@ -101,8 +101,8 @@ function PaidSupportComp() {
                 viewMode === 'compact'
                   ? 'grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3'
                   : viewMode === 'row'
-                  ? 'flex flex-col gap-4'
-                  : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
+                    ? 'flex flex-col gap-4'
+                    : 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6'
               }`}
             >
               {coreMaintainers.map((maintainer, index) => (
diff --git a/src/routes/_libraries/partners.tsx b/src/routes/_libraries/partners.tsx
index bd97cdcb8..a69d2a313 100644
--- a/src/routes/_libraries/partners.tsx
+++ b/src/routes/_libraries/partners.tsx
@@ -171,7 +171,7 @@ function PartnersFilter({
                       onClick={() => {
                         // Toggle: if currently inactive, turn off filter, otherwise set to inactive
                         onStatusChange(
-                          selectedStatus === 'active' ? undefined : 'active'
+                          selectedStatus === 'active' ? undefined : 'active',
                         )
                       }}
                       className={`px-3 py-2 rounded-md text-sm transition-colors ${
@@ -186,7 +186,9 @@ function PartnersFilter({
                       onClick={() => {
                         // Toggle: if currently inactive, turn off filter, otherwise set to inactive
                         onStatusChange(
-                          selectedStatus === 'inactive' ? undefined : 'inactive'
+                          selectedStatus === 'inactive'
+                            ? undefined
+                            : 'inactive',
                         )
                       }}
                       className={`px-3 py-2 rounded-md text-sm transition-colors ${
@@ -239,7 +241,7 @@ function PartnersFilter({
             {/* Library chips */}
             {selectedLibraries?.map((libraryId) => {
               const library = availableLibraries.find(
-                (lib) => lib.id === libraryId
+                (lib) => lib.id === libraryId,
               )
               return (
                 <span
@@ -291,7 +293,7 @@ function RouteComp() {
     if (search.libraries && search.libraries.length > 0) {
       // Include partners that match any of the selected libraries
       return partner.libraries?.some((lib) =>
-        search.libraries!.includes(lib as Library['id'])
+        search.libraries!.includes(lib as Library['id']),
       )
     }
 
@@ -312,15 +314,15 @@ function RouteComp() {
             {isShowingPrevious
               ? 'Previous Partners'
               : isShowingActive
-              ? 'Current Partners'
-              : 'Partners'}
+                ? 'Current Partners'
+                : 'Partners'}
           </h1>
           <p className="text-lg mt-4 text-gray-700 dark:text-gray-300">
             {isShowingPrevious
               ? 'Companies and organizations that have supported TanStack in the past'
               : isShowingActive
-              ? 'Companies and organizations currently supporting TanStack and our open source mission'
-              : 'Companies and organizations supporting TanStack and our open source mission'}
+                ? 'Companies and organizations currently supporting TanStack and our open source mission'
+                : 'Companies and organizations supporting TanStack and our open source mission'}
           </p>
         </header>
 
diff --git a/src/routes/_libraries/query.$version.index.tsx b/src/routes/_libraries/query.$version.index.tsx
index c99019016..f0f5ad0f2 100644
--- a/src/routes/_libraries/query.$version.index.tsx
+++ b/src/routes/_libraries/query.$version.index.tsx
@@ -77,7 +77,7 @@ function VersionIndex() {
               className={twMerge(
                 `group bg-white/60 dark:bg-black/40 rounded-lg overflow-hidden shadow-xl
             max-w-full mx-auto
-            [&_pre]:bg-transparent! [&_pre]:p-4!`
+            [&_pre]:bg-transparent! [&_pre]:p-4!`,
               )}
             >
               <div>
diff --git a/src/routes/_libraries/start.$version.index.tsx b/src/routes/_libraries/start.$version.index.tsx
index eddf8e636..4e5ea3499 100644
--- a/src/routes/_libraries/start.$version.index.tsx
+++ b/src/routes/_libraries/start.$version.index.tsx
@@ -129,7 +129,7 @@ function VersionIndex() {
           </a>
           <a
             href={`https://twitter.com/intent/post?text=${encodeURIComponent(
-              `TanStack Start is in BETA! It's a new full-stack React framework from @Tan_Stack and you can check it out at https://tanstack.com/start/`
+              `TanStack Start is in BETA! It's a new full-stack React framework from @Tan_Stack and you can check it out at https://tanstack.com/start/`,
             )}`}
             target="_blank"
             className="flex items-center gap-2 py-2 px-4 bg-cyan-500 rounded text-white uppercase font-extrabold"
diff --git a/src/routes/_libraries/support.tsx b/src/routes/_libraries/support.tsx
index dd563856d..5dbff9211 100644
--- a/src/routes/_libraries/support.tsx
+++ b/src/routes/_libraries/support.tsx
@@ -44,7 +44,7 @@ function SupportComp() {
                     >
                       {d}
                     </span>
-                  )
+                  ),
                 )}
               </div>
             </div>
diff --git a/src/routes/_libraries/workshops.tsx b/src/routes/_libraries/workshops.tsx
index defb50f0d..a5c758d92 100644
--- a/src/routes/_libraries/workshops.tsx
+++ b/src/routes/_libraries/workshops.tsx
@@ -47,7 +47,7 @@ function WorkshopsPage() {
   const { seed } = Route.useLoaderData()
   // Calculate instructors on client side using the seed
   const availableInstructors = allMaintainers.filter(
-    (m) => m.workshopsAvailable
+    (m) => m.workshopsAvailable,
   )
   const shuffled = shuffleWithSeed(availableInstructors, seed, (m) => m.name)
   const instructors = shuffled.slice(0, 4) as Maintainer[]
@@ -525,7 +525,7 @@ function TestimonialsMarquee() {
                   <div>{testimonial.company}</div>
                 </div>
               </div>
-            )
+            ),
           )}
         </div>
       </div>
diff --git a/src/routes/admin/feed.$id.tsx b/src/routes/admin/feed.$id.tsx
index 7908fd97c..932040afb 100644
--- a/src/routes/admin/feed.$id.tsx
+++ b/src/routes/admin/feed.$id.tsx
@@ -73,7 +73,7 @@ function FeedEditorPage() {
     <div className="min-h-screen p-8">
       <div className="max-w-4xl mx-auto">
         <FeedEntryEditor
-          entry={isNew ? null : entryQuery.data ?? null}
+          entry={isNew ? null : (entryQuery.data ?? null)}
           onSave={() => navigate({ to: '/admin/feed' })}
           onCancel={() => navigate({ to: '/admin/feed' })}
         />
diff --git a/src/routes/admin/feed.index.tsx b/src/routes/admin/feed.index.tsx
index b2373701c..3df092bcc 100644
--- a/src/routes/admin/feed.index.tsx
+++ b/src/routes/admin/feed.index.tsx
@@ -62,7 +62,7 @@ export const Route = createFileRoute('/admin/feed/')({
           ? z
               .array(releaseLevelSchema)
               .catch(
-                Array.isArray(releaseLevelsValue) ? releaseLevelsValue : []
+                Array.isArray(releaseLevelsValue) ? releaseLevelsValue : [],
               )
           : z
               .array(releaseLevelSchema)
@@ -113,7 +113,7 @@ function FeedAdminPage() {
 
   const handleToggleVisibility = async (
     entry: FeedEntry,
-    isVisible: boolean
+    isVisible: boolean,
   ) => {
     await toggleVisibility.mutateAsync({ id: entry.id, isVisible })
     feedQuery.refetch()
diff --git a/src/routes/admin/github-stats.tsx b/src/routes/admin/github-stats.tsx
index cf864fed0..1fb873416 100644
--- a/src/routes/admin/github-stats.tsx
+++ b/src/routes/admin/github-stats.tsx
@@ -296,7 +296,7 @@ function GitHubStatsAdmin() {
         },
       },
     ],
-    [refreshingKey, refreshAllMutation]
+    [refreshingKey, refreshAllMutation],
   )
 
   const table = useReactTable({
@@ -360,7 +360,7 @@ function GitHubStatsAdmin() {
                         <span className="font-medium">{error.cacheKey}:</span>{' '}
                         {error.error}
                       </div>
-                    )
+                    ),
                   )}
                 </div>
               </div>
@@ -389,7 +389,7 @@ function GitHubStatsAdmin() {
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                   </TableHeaderCell>
                 ))}
diff --git a/src/routes/admin/npm-stats.tsx b/src/routes/admin/npm-stats.tsx
index dd89f7f3a..9e0e560c5 100644
--- a/src/routes/admin/npm-stats.tsx
+++ b/src/routes/admin/npm-stats.tsx
@@ -135,7 +135,7 @@ function NpmStatsAdmin() {
         ),
       },
     ],
-    []
+    [],
   )
 
   const packageColumns = useMemo<ColumnDef<NpmPackage>[]>(
@@ -255,7 +255,7 @@ function NpmStatsAdmin() {
         ),
       },
     ],
-    [refreshPackageMutation]
+    [refreshPackageMutation],
   )
 
   const libraryTable = useReactTable({
@@ -443,7 +443,7 @@ function NpmStatsAdmin() {
                           ? null
                           : flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                       </TableHeaderCell>
                     ))}
@@ -457,7 +457,7 @@ function NpmStatsAdmin() {
                       <TableCell key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </TableCell>
                     ))}
@@ -500,7 +500,7 @@ function NpmStatsAdmin() {
                           ? null
                           : flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                       </TableHeaderCell>
                     ))}
@@ -514,7 +514,7 @@ function NpmStatsAdmin() {
                       <TableCell key={cell.id}>
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </TableCell>
                     ))}
diff --git a/src/routes/admin/roles.$roleId.tsx b/src/routes/admin/roles.$roleId.tsx
index 9ec4209a9..d7a95c4c9 100644
--- a/src/routes/admin/roles.$roleId.tsx
+++ b/src/routes/admin/roles.$roleId.tsx
@@ -65,7 +65,7 @@ function RoleDetailPage() {
       alert(
         error instanceof Error
           ? error.message
-          : 'Failed to remove users from role'
+          : 'Failed to remove users from role',
       )
     }
   }, [selectedUserIds, roleId, removeUsersFromRole])
@@ -80,7 +80,7 @@ function RoleDetailPage() {
       }
       setSelectedUserIds(newSelection)
     },
-    [selectedUserIds]
+    [selectedUserIds],
   )
 
   const toggleAllSelection = useCallback(() => {
@@ -202,7 +202,7 @@ function RoleDetailPage() {
         },
       },
     ],
-    [selectedUserIds, usersWithRole, toggleAllSelection, toggleUserSelection]
+    [selectedUserIds, usersWithRole, toggleAllSelection, toggleUserSelection],
   )
 
   const table = useReactTable({
@@ -303,7 +303,7 @@ function RoleDetailPage() {
               onClick={() => {
                 if (
                   window.confirm(
-                    `Remove ${selectedUserIds.size} user(s) from this role?`
+                    `Remove ${selectedUserIds.size} user(s) from this role?`,
                   )
                 ) {
                   handleRemoveUsers()
@@ -345,7 +345,7 @@ function RoleDetailPage() {
                       alert(
                         error instanceof Error
                           ? error.message
-                          : 'Failed to remove user'
+                          : 'Failed to remove user',
                       )
                     }
                   }}
@@ -373,7 +373,7 @@ function RoleDetailPage() {
                           ? null
                           : flexRender(
                               header.column.columnDef.header,
-                              header.getContext()
+                              header.getContext(),
                             )}
                       </th>
                     ))}
@@ -394,7 +394,7 @@ function RoleDetailPage() {
                       <td key={cell.id} className="px-6 py-4 whitespace-nowrap">
                         {flexRender(
                           cell.column.columnDef.cell,
-                          cell.getContext()
+                          cell.getContext(),
                         )}
                       </td>
                     ))}
diff --git a/src/routes/admin/roles.index.tsx b/src/routes/admin/roles.index.tsx
index f1d917fb9..005f9cde6 100644
--- a/src/routes/admin/roles.index.tsx
+++ b/src/routes/admin/roles.index.tsx
@@ -68,7 +68,7 @@ function RolesPage() {
   const capabilityFilters = useMemo(
     () =>
       Array.isArray(search.cap) ? search.cap : search.cap ? [search.cap] : [],
-    [search.cap]
+    [search.cap],
   )
 
   const [expandedSections, setExpandedSections] = useState<
@@ -183,7 +183,7 @@ function RolesPage() {
 
   const availableCapabilities = useMemo(
     () => ['admin', 'disableAds', 'builder', 'feed'],
-    []
+    [],
   )
 
   const handleCreateRole = useCallback(() => {
@@ -256,20 +256,20 @@ function RolesPage() {
         alert(error instanceof Error ? error.message : 'Failed to delete role')
       }
     },
-    [deleteRole]
+    [deleteRole],
   )
 
   const toggleCapability = useCallback(
     (capability: string) => {
       if (editingCapabilities.includes(capability)) {
         setEditingCapabilities(
-          editingCapabilities.filter((c: string) => c !== capability)
+          editingCapabilities.filter((c: string) => c !== capability),
         )
       } else {
         setEditingCapabilities([...editingCapabilities, capability])
       }
     },
-    [editingCapabilities]
+    [editingCapabilities],
   )
 
   const handleCapabilityFilterToggle = useCallback(
@@ -285,7 +285,7 @@ function RolesPage() {
         }),
       })
     },
-    [capabilityFilters, navigate]
+    [capabilityFilters, navigate],
   )
 
   // Define columns using the column helper
@@ -441,7 +441,7 @@ function RolesPage() {
       handleEditRole,
       handleDeleteRole,
       toggleCapability,
-    ]
+    ],
   )
 
   // Create table instance
@@ -619,7 +619,7 @@ function RolesPage() {
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </TableHeaderCell>
                   ))}
@@ -641,7 +641,7 @@ function RolesPage() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </TableCell>
                   ))}
diff --git a/src/routes/admin/users.tsx b/src/routes/admin/users.tsx
index 5d2720ea4..d3b19a63f 100644
--- a/src/routes/admin/users.tsx
+++ b/src/routes/admin/users.tsx
@@ -203,7 +203,7 @@ function UsersPage() {
   const capabilityFilters = useMemo(
     () =>
       Array.isArray(search.cap) ? search.cap : search.cap ? [search.cap] : [],
-    [search.cap]
+    [search.cap],
   )
   const noCapabilitiesFilter = search.noCapabilities ?? false
   const adsDisabledFilter = search.ads ?? 'all'
@@ -429,7 +429,7 @@ function UsersPage() {
   // Bulk fetch user roles and effective capabilities to avoid N+1 queries
   const userIds = useMemo(
     () => (usersQuery?.data?.page || []).map((u: User) => u._id),
-    [usersQuery?.data?.page]
+    [usersQuery?.data?.page],
   )
   const bulkUserRolesQuery = useQuery({
     ...getBulkUserRolesQueryOptions(userIds),
@@ -444,7 +444,7 @@ function UsersPage() {
 
   const availableCapabilities = useMemo(
     () => ['admin', 'disableAds', 'builder', 'feed'],
-    []
+    [],
   )
 
   const handleEditUser = useCallback((user: User) => {
@@ -518,13 +518,13 @@ function UsersPage() {
     (capability: string) => {
       if (editingCapabilities.includes(capability)) {
         setEditingCapabilities(
-          editingCapabilities.filter((c) => c !== capability)
+          editingCapabilities.filter((c) => c !== capability),
         )
       } else {
         setEditingCapabilities([...editingCapabilities, capability])
       }
     },
-    [editingCapabilities]
+    [editingCapabilities],
   )
 
   const toggleRole = useCallback(
@@ -535,7 +535,7 @@ function UsersPage() {
         setEditingRoleIds([...editingRoleIds, roleId])
       }
     },
-    [editingRoleIds]
+    [editingRoleIds],
   )
 
   const toggleUserSelection = useCallback(
@@ -548,7 +548,7 @@ function UsersPage() {
       }
       setSelectedUserIds(newSelection)
     },
-    [selectedUserIds]
+    [selectedUserIds],
   )
 
   const toggleAllSelection = useCallback(() => {
@@ -582,7 +582,7 @@ function UsersPage() {
 
       if (
         !window.confirm(
-          `Update capabilities for ${selectedUserIds.size} user(s)?`
+          `Update capabilities for ${selectedUserIds.size} user(s)?`,
         )
       ) {
         return
@@ -599,11 +599,11 @@ function UsersPage() {
         alert(
           error instanceof Error
             ? error.message
-            : 'Failed to update capabilities'
+            : 'Failed to update capabilities',
         )
       }
     },
-    [selectedUserIds, bulkUpdateUserCapabilities]
+    [selectedUserIds, bulkUpdateUserCapabilities],
   )
 
   const handleToggleAdsDisabled = useCallback(
@@ -613,7 +613,7 @@ function UsersPage() {
         adsDisabled: nextValue,
       })
     },
-    [adminSetAdsDisabled]
+    [adminSetAdsDisabled],
   )
 
   const handleCapabilityToggle = useCallback(
@@ -630,7 +630,7 @@ function UsersPage() {
         }),
       })
     },
-    [capabilityFilters, navigate]
+    [capabilityFilters, navigate],
   )
 
   // Define columns using the column helper
@@ -869,7 +869,7 @@ function UsersPage() {
       usersQuery,
       bulkUserRoles,
       bulkEffectiveCapabilities,
-    ]
+    ],
   )
 
   // Pagination state
@@ -1043,7 +1043,7 @@ function UsersPage() {
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </TableHeaderCell>
                   ))}
@@ -1065,7 +1065,7 @@ function UsersPage() {
                     >
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </TableCell>
                   ))}
@@ -1092,7 +1092,7 @@ function UsersPage() {
               currentPage={currentPageIndex}
               totalPages={Math.max(
                 1,
-                Math.ceil((usersQuery?.data?.counts?.filtered ?? 0) / pageSize)
+                Math.ceil((usersQuery?.data?.counts?.filtered ?? 0) / pageSize),
               )}
               totalItems={usersQuery?.data?.counts?.total ?? 0}
               filteredItems={usersQuery?.data?.counts?.filtered}
diff --git a/src/routes/auth/$provider/start.tsx b/src/routes/auth/$provider/start.tsx
index 69cba1669..ce6e74144 100644
--- a/src/routes/auth/$provider/start.tsx
+++ b/src/routes/auth/$provider/start.tsx
@@ -24,7 +24,7 @@ export const Route = createFileRoute('/auth/$provider/start')({
         // Store state in HTTPS-only cookie for CSRF protection
         // SameSite=Strict prevents CSRF attacks
         const stateCookie = `oauth_state=${encodeURIComponent(
-          state
+          state,
         )}; HttpOnly; Path=/; Max-Age=${10 * 60}; SameSite=Strict${
           process.env.NODE_ENV === 'production' ? '; Secure' : ''
         }`
@@ -41,9 +41,9 @@ export const Route = createFileRoute('/auth/$provider/start')({
             throw new Error('GITHUB_OAUTH_CLIENT_ID is not configured')
           }
           authUrl = `https://github.com/login/oauth/authorize?client_id=${encodeURIComponent(
-            clientId
+            clientId,
           )}&redirect_uri=${encodeURIComponent(
-            redirectUri
+            redirectUri,
           )}&scope=user:email&state=${state}`
         } else {
           // Google
@@ -52,9 +52,9 @@ export const Route = createFileRoute('/auth/$provider/start')({
             throw new Error('GOOGLE_OAUTH_CLIENT_ID is not configured')
           }
           authUrl = `https://accounts.google.com/o/oauth2/v2/auth?client_id=${encodeURIComponent(
-            clientId
+            clientId,
           )}&redirect_uri=${encodeURIComponent(
-            redirectUri
+            redirectUri,
           )}&response_type=code&scope=openid email profile&state=${state}`
         }
 
diff --git a/src/routes/libraries.tsx b/src/routes/libraries.tsx
index 0dc34b8c4..c4e1e33ca 100644
--- a/src/routes/libraries.tsx
+++ b/src/routes/libraries.tsx
@@ -22,7 +22,7 @@ export const Route = createFileRoute('/libraries')({
 function LibrariesPage() {
   const allLibraries = libraries.filter((d) => d.to)
   const others = allLibraries.filter(
-    (l) => l.id !== 'ranger' && l.id !== 'config' && l.id !== 'react-charts'
+    (l) => l.id !== 'ranger' && l.id !== 'config' && l.id !== 'react-charts',
   )
   const ranger = allLibraries.filter((l) => l.id === 'ranger')
   const config = allLibraries.filter((l) => l.id === 'config')
@@ -63,7 +63,7 @@ function LibrariesPage() {
                   : 'border-gray-200 dark:border-gray-800/50 hover:shadow-2xl hover:shadow-current/20 hover:border-current/50 hover:-translate-y-1',
                 'relative group',
                 'min-h-[250px] xl:min-h-[220px]',
-                !isRanger && library.cardStyles
+                !isRanger && library.cardStyles,
               )}
               style={{
                 zIndex: i,
@@ -75,7 +75,7 @@ function LibrariesPage() {
                 <div className="flex gap-2 justify-between items-center">
                   <div
                     className={twMerge(
-                      `flex items-center gap-2 text-[1.2rem] font-extrabold uppercase [letter-spacing:-.04em]`
+                      `flex items-center gap-2 text-[1.2rem] font-extrabold uppercase [letter-spacing:-.04em]`,
                     )}
                     style={{
                       viewTransitionName: `library-name-${library.id}`,
@@ -86,7 +86,7 @@ function LibrariesPage() {
                         'rounded-lg leading-none flex items-center',
                         isRanger
                           ? 'bg-slate-500 dark:bg-slate-400'
-                          : 'bg-current'
+                          : 'bg-current',
                       )}
                     >
                       <span className="text-white dark:text-black text-xs leading-none p-1.5 px-2 uppercase">
@@ -109,7 +109,7 @@ function LibrariesPage() {
                     `text-sm italic font-medium mt-3`,
                     isRanger
                       ? 'text-slate-500 dark:text-slate-400'
-                      : 'text-current'
+                      : 'text-current',
                   )}
                 >
                   {library.tagline}
@@ -162,7 +162,7 @@ function LibrariesPage() {
                   className={twMerge(
                     `absolute -top-2 -right-2 z-40 px-2 py-1 rounded-md`,
                     ['bg-gradient-to-r', library.colorFrom, library.colorTo],
-                    'uppercase text-white font-black italic text-xs'
+                    'uppercase text-white font-black italic text-xs',
                   )}
                   style={{
                     animation: 'pulseScale 3s infinite',
@@ -198,7 +198,7 @@ function LibrariesPage() {
                     <div className="flex gap-2 justify-between items-center">
                       <div
                         className={twMerge(
-                          `flex items-center gap-2 text-[1.2rem] font-extrabold uppercase [letter-spacing:-.04em]`
+                          `flex items-center gap-2 text-[1.2rem] font-extrabold uppercase [letter-spacing:-.04em]`,
                         )}
                         style={{
                           viewTransitionName: `library-name-${library.id}`,
@@ -275,7 +275,7 @@ function LibrariesPage() {
                 bg-white/90 dark:bg-black/40 backdrop-blur-sm`,
                 'border-transparent shadow-xl shadow-slate-700/20 dark:shadow-lg dark:shadow-slate-500/30 hover:shadow-2xl hover:border-slate-400/70 hover:-translate-y-1',
                 'relative group',
-                'min-h-[250px] xl:min-h-[220px]'
+                'min-h-[250px] xl:min-h-[220px]',
               )
 
               return isExternal ? (
diff --git a/src/routes/merch.tsx b/src/routes/merch.tsx
index 489799481..d2c340f17 100644
--- a/src/routes/merch.tsx
+++ b/src/routes/merch.tsx
@@ -81,7 +81,7 @@ function RouteComp() {
                 relative group
                 min-h-[280px] flex flex-col`,
                 item.borderColor,
-                item.hoverShadow
+                item.hoverShadow,
               )}
               style={{
                 zIndex: i,
@@ -110,7 +110,7 @@ function RouteComp() {
                       `inline-flex items-center gap-2 px-4 py-2 rounded-full text-sm font-medium
                       bg-black/5 dark:bg-white/10 text-gray-900 dark:text-white
                       group-hover:bg-black/10 dark:group-hover:bg-white/20
-                      transition-colors`
+                      transition-colors`,
                     )}
                   >
                     Shop {item.name}
diff --git a/src/routes/partners-embed.tsx b/src/routes/partners-embed.tsx
index c6db14278..1774b9ecc 100644
--- a/src/routes/partners-embed.tsx
+++ b/src/routes/partners-embed.tsx
@@ -21,7 +21,7 @@ export const Route = createFileRoute('/partners-embed')({
 
 function PartnersEmbed() {
   const activePartners = partners.filter(
-    (partner) => partner.status === 'active'
+    (partner) => partner.status === 'active',
   )
 
   return (
diff --git a/src/routes/stats/npm/-comparisons.ts b/src/routes/stats/npm/-comparisons.ts
index a86fa9397..e6413f376 100644
--- a/src/routes/stats/npm/-comparisons.ts
+++ b/src/routes/stats/npm/-comparisons.ts
@@ -5,7 +5,7 @@ export const packageGroupSchema = z.object({
     z.object({
       name: z.string(),
       hidden: z.boolean().optional(),
-    })
+    }),
   ),
   color: z.string().nullable().optional(),
   baseline: z.boolean().optional(),
diff --git a/src/routes/stats/npm/index.tsx b/src/routes/stats/npm/index.tsx
index 97b42cfc4..9c07a353c 100644
--- a/src/routes/stats/npm/index.tsx
+++ b/src/routes/stats/npm/index.tsx
@@ -142,10 +142,13 @@ const binningOptions = [
   },
 ] as const
 
-const binningOptionsByType = binningOptions.reduce((acc, option) => {
-  acc[option.value] = option
-  return acc
-}, {} as Record<BinType, (typeof binningOptions)[number]>)
+const binningOptionsByType = binningOptions.reduce(
+  (acc, option) => {
+    acc[option.value] = option
+    return acc
+  },
+  {} as Record<BinType, (typeof binningOptions)[number]>,
+)
 
 type TransformMode = z.infer<typeof transformModeSchema>
 
@@ -232,11 +235,11 @@ function npmQueryOptions({
   // Get the earliest creation date among all packages
   const getEarliestCreationDate = async () => {
     const packageNames = packageGroups.flatMap((pkg) =>
-      pkg.packages.filter((p) => !p.hidden).map((p) => p.name)
+      pkg.packages.filter((p) => !p.hidden).map((p) => p.name),
     )
 
     const creationDates = await Promise.all(
-      packageNames.map(getPackageCreationDate)
+      packageNames.map(getPackageCreationDate),
     )
     return new Date(Math.min(...creationDates.map((date) => date.getTime())))
   }
@@ -298,7 +301,7 @@ function npmQueryOptions({
                 const chunks = await Promise.all(
                   chunkRanges.map(async (chunk) => {
                     const url = `https://api.npmjs.org/downloads/range/${formatDate(
-                      chunk.start
+                      chunk.start,
                     )}:${formatDate(chunk.end)}/${pkg.name}`
                     const response = await fetch(url)
                     if (!response.ok) {
@@ -308,7 +311,7 @@ function npmQueryOptions({
                       throw new Error('fetch_failed')
                     }
                     return response.json()
-                  })
+                  }),
                 )
 
                 // Combine all chunks and ensure no gaps
@@ -316,7 +319,7 @@ function npmQueryOptions({
                   .flatMap((chunk) => chunk.downloads || [])
                   .sort(
                     (a, b) =>
-                      new Date(a.day).getTime() - new Date(b.day).getTime()
+                      new Date(a.day).getTime() - new Date(b.day).getTime(),
                   )
 
                 // Find the earliest non-zero download
@@ -326,7 +329,7 @@ function npmQueryOptions({
                 }
 
                 return { ...pkg, downloads }
-              })
+              }),
             )
 
             return {
@@ -351,7 +354,7 @@ function npmQueryOptions({
                   : 'Failed to fetch package data (see console for details)',
             }
           }
-        })
+        }),
       )
     },
     placeholderData: keepPreviousData,
@@ -361,11 +364,11 @@ function npmQueryOptions({
 // Get or assign colors for packages
 function getPackageColor(
   packageName: string,
-  packages: z.infer<typeof packageGroupSchema>[]
+  packages: z.infer<typeof packageGroupSchema>[],
 ) {
   // Find the package group that contains this package
   const packageInfo = packages.find((pkg) =>
-    pkg.packages.some((p) => p.name === packageName)
+    pkg.packages.some((p) => p.name === packageName),
   )
   if (packageInfo?.color) {
     return packageInfo.color
@@ -373,7 +376,7 @@ function getPackageColor(
 
   // Otherwise, assign a default color based on the package's position
   const packageIndex = packages.findIndex((pkg) =>
-    pkg.packages.some((p) => p.name === packageName)
+    pkg.packages.some((p) => p.name === packageName),
   )
   return defaultColors[packageIndex % defaultColors.length]
 }
@@ -513,7 +516,7 @@ function NpmStatsChart({
     // Filter out any sub packages that are hidden before
     // summing them into a unified downloads count
     const visiblePackages = packageGroup.packages.filter(
-      (p, i) => !i || !p.hidden
+      (p, i) => !i || !p.hidden,
     )
 
     const downloadsByDate: Map<number, number> = new Map()
@@ -527,7 +530,7 @@ function NpmStatsChart({
         downloadsByDate.set(
           date.getTime(),
           // Sum the downloads for each date
-          (downloadsByDate.get(date.getTime()) || 0) + d.downloads
+          (downloadsByDate.get(date.getTime()) || 0) + d.downloads,
         )
       })
     })
@@ -535,7 +538,7 @@ function NpmStatsChart({
     return {
       ...packageGroup,
       downloads: Array.from(downloadsByDate.entries()).map(
-        ([date, downloads]) => [d3.utcDay(new Date(date)), downloads]
+        ([date, downloads]) => [d3.utcDay(new Date(date)), downloads],
       ) as [Date, number][],
     }
   })
@@ -547,9 +550,9 @@ function NpmStatsChart({
       d3.rollup(
         packageGroup.downloads,
         (v) => d3.sum(v, (d) => d[1]),
-        (d) => binUnit.floor(d[0])
+        (d) => binUnit.floor(d[0]),
       ),
-      (d) => d[0]
+      (d) => d[0],
     )
 
     const downloads = binned.map((d) => ({
@@ -581,7 +584,7 @@ function NpmStatsChart({
                 d.date.getTime(),
                 firstValue === 0 ? 1 : firstValue / d.downloads,
               ]
-            })
+            }),
           )
         })()
       : undefined
@@ -607,7 +610,7 @@ function NpmStatsChart({
 
   // Filter out any top-level hidden packages
   const filteredPackageData = correctedPackageData.filter(
-    (pkg) => !pkg.baseline && !pkg.packages[0].hidden
+    (pkg) => !pkg.baseline && !pkg.packages[0].hidden,
   )
 
   const plotData = filteredPackageData.flatMap((d) => d.downloads)
@@ -657,7 +660,7 @@ function NpmStatsChart({
                     strokeDasharray: '2 4',
                     strokeOpacity: 0.8,
                     curve: 'monotone-x',
-                  }
+                  },
                 ),
               ],
               Plot.lineY(
@@ -667,7 +670,7 @@ function NpmStatsChart({
                   stroke: 'name',
                   strokeWidth: 2,
                   curve: 'monotone-x',
-                }
+                },
               ),
               Plot.tip(
                 effectiveShowDataMode === 'all'
@@ -684,7 +687,7 @@ function NpmStatsChart({
                         year: 'numeric',
                       }),
                   },
-                } as Plot.TipOptions)
+                } as Plot.TipOptions),
               ),
             ].filter(Boolean),
             x: {
@@ -696,15 +699,15 @@ function NpmStatsChart({
                 transform === 'normalize-y'
                   ? 'Downloads Growth'
                   : baselinePackage
-                  ? 'Downloads (baseline-adjusted)'
-                  : 'Downloads',
+                    ? 'Downloads (baseline-adjusted)'
+                    : 'Downloads',
               labelOffset: 35,
             },
             grid: true,
             color: {
               domain: [...new Set(plotData.map((d) => d.name))],
               range: [...new Set(plotData.map((d) => d.name))].map((pkg) =>
-                getPackageColor(pkg, packages)
+                getPackageColor(pkg, packages),
               ),
               legend: false,
             },
@@ -755,12 +758,12 @@ function PackageSearch({
 
       const response = await fetch(
         `https://api.npms.io/v2/search?q=${encodeURIComponent(
-          debouncedInputValue
-        )}&size=10`
+          debouncedInputValue,
+        )}&size=10`,
       )
       const data = await response.json()
       const hasInputValue = data.results.find(
-        (r: any) => r.package.name === debouncedInputValue
+        (r: any) => r.package.name === debouncedInputValue,
       )
 
       return [
@@ -862,7 +865,7 @@ const defaultRangeBinTypes: Record<TimeRange, BinType> = {
 // Add a function to check if a binning option is valid for a time range
 function isBinningOptionValidForRange(
   range: TimeRange,
-  binType: BinType
+  binType: BinType,
 ): boolean {
   switch (range) {
     case '7-days':
@@ -908,7 +911,7 @@ function RouteComponent() {
     height = 400,
   } = Route.useSearch()
   const [combiningPackage, setCombiningPackage] = React.useState<string | null>(
-    null
+    null,
   )
   const navigate = Route.useNavigate()
   const [colorPickerPackage, setColorPickerPackage] = React.useState<
@@ -919,7 +922,7 @@ function RouteComponent() {
     y: number
   } | null>(null)
   const [openMenuPackage, setOpenMenuPackage] = React.useState<string | null>(
-    null
+    null,
   )
 
   const binType = binTypeParam ?? defaultRangeBinTypes[range]
@@ -978,10 +981,10 @@ function RouteComponent() {
             ? {
                 ...pkg,
                 packages: pkg.packages.map((p) =>
-                  p.name === packageName ? { ...p, hidden: !p.hidden } : p
+                  p.name === packageName ? { ...p, hidden: !p.hidden } : p,
                 ),
               }
-            : pkg
+            : pkg,
         ),
       }),
       replace: true,
@@ -993,7 +996,7 @@ function RouteComponent() {
     npmQueryOptions({
       packageGroups: packageGroups,
       range,
-    })
+    }),
   )
 
   const handleCombineSelect = (selectedPackage: NpmPackage) => {
@@ -1001,7 +1004,7 @@ function RouteComponent() {
 
     // Find the package group that contains the combining package
     const packageGroup = packageGroups.find((pkg) =>
-      pkg.packages.some((p) => p.name === combiningPackage)
+      pkg.packages.some((p) => p.name === combiningPackage),
     )
 
     if (packageGroup) {
@@ -1015,7 +1018,7 @@ function RouteComponent() {
                 { name: selectedPackage.name, hidden: true },
               ],
             }
-          : pkg
+          : pkg,
       )
 
       navigate({
@@ -1052,19 +1055,19 @@ function RouteComponent() {
   const handleRemoveFromGroup = (mainPackage: string, subPackage: string) => {
     // Find the package group
     const packageGroup = packageGroups.find((pkg) =>
-      pkg.packages.some((p) => p.name === mainPackage)
+      pkg.packages.some((p) => p.name === mainPackage),
     )
     if (!packageGroup) return
 
     // Remove the subpackage
     const updatedPackages = packageGroup.packages.filter(
-      (p) => p.name !== subPackage
+      (p) => p.name !== subPackage,
     )
 
     // Update the packages array
     const newPackages = packageGroups
       .map((pkg) =>
-        pkg === packageGroup ? { ...pkg, packages: updatedPackages } : pkg
+        pkg === packageGroup ? { ...pkg, packages: updatedPackages } : pkg,
       )
       .filter((pkg) => pkg.packages.length > 0)
 
@@ -1084,7 +1087,7 @@ function RouteComponent() {
       search: (prev) => ({
         ...prev,
         packageGroups: prev.packageGroups.filter(
-          (_, i) => i !== packageGroupIndex
+          (_, i) => i !== packageGroupIndex,
         ),
       }),
       resetScroll: false,
@@ -1139,7 +1142,7 @@ function RouteComponent() {
         to: '.',
         search: (prev) => {
           const packageGroup = packageGroups.find((pkg) =>
-            pkg.packages.some((p) => p.name === packageName)
+            pkg.packages.some((p) => p.name === packageName),
           )
           if (!packageGroup) return prev
 
@@ -1148,7 +1151,7 @@ function RouteComponent() {
               ? color === null
                 ? { packages: pkg.packages }
                 : { ...pkg, color }
-              : pkg
+              : pkg,
           )
 
           return {
@@ -1162,7 +1165,7 @@ function RouteComponent() {
     },
     {
       wait: 100,
-    }
+    },
   )
 
   const onHeightChange = useThrottledCallback(
@@ -1175,7 +1178,7 @@ function RouteComponent() {
     },
     {
       wait: 16,
-    }
+    },
   )
 
   const handleMenuOpenChange = (packageName: string, open: boolean) => {
@@ -1229,7 +1232,7 @@ function RouteComponent() {
 
     // Find the package group that contains the combining package
     const packageGroup = packageGroups.find((pkg) =>
-      pkg.packages.some((p) => p.name === combiningPackage)
+      pkg.packages.some((p) => p.name === combiningPackage),
     )
 
     if (packageGroup) {
@@ -1240,7 +1243,7 @@ function RouteComponent() {
               ...pkg,
               packages: [...pkg.packages, { name: packageName }],
             }
-          : pkg
+          : pkg,
       )
 
       navigate({
@@ -1297,7 +1300,7 @@ function RouteComponent() {
                     className={twMerge(
                       'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
                       value === range ? 'text-blue-500 bg-blue-500/10' : '',
-                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500'
+                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                     )}
                   >
                     {label}
@@ -1311,7 +1314,7 @@ function RouteComponent() {
                   <button
                     className={twMerge(
                       dropdownButtonStyles.base,
-                      binType !== 'weekly' && dropdownButtonStyles.active
+                      binType !== 'weekly' && dropdownButtonStyles.active,
                     )}
                   >
                     {binningOptions.find((b) => b.value === binType)?.label}
@@ -1334,7 +1337,7 @@ function RouteComponent() {
                       'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                       !isBinningOptionValidForRange(range, value)
                         ? 'opacity-50 cursor-not-allowed'
-                        : ''
+                        : '',
                     )}
                   >
                     {label}
@@ -1348,7 +1351,7 @@ function RouteComponent() {
                   <button
                     className={twMerge(
                       dropdownButtonStyles.base,
-                      transform !== 'none' && dropdownButtonStyles.active
+                      transform !== 'none' && dropdownButtonStyles.active,
                     )}
                   >
                     {
@@ -1372,7 +1375,7 @@ function RouteComponent() {
                     className={twMerge(
                       'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
                       transform === value ? 'text-blue-500 bg-blue-500/10' : '',
-                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500'
+                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                     )}
                   >
                     {label}
@@ -1386,7 +1389,7 @@ function RouteComponent() {
                   <button
                     className={twMerge(
                       dropdownButtonStyles.base,
-                      facetX && dropdownButtonStyles.active
+                      facetX && dropdownButtonStyles.active,
                     )}
                   >
                     {facetX
@@ -1408,7 +1411,7 @@ function RouteComponent() {
                   className={twMerge(
                     'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
                     !facetX ? 'text-blue-500 bg-blue-500/10' : '',
-                    'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500'
+                    'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                   )}
                 >
                   No Facet
@@ -1420,7 +1423,7 @@ function RouteComponent() {
                     className={twMerge(
                       'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
                       facetX === value ? 'text-blue-500 bg-blue-500/10' : '',
-                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500'
+                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                     )}
                   >
                     {label}
@@ -1434,7 +1437,7 @@ function RouteComponent() {
                   <button
                     className={twMerge(
                       dropdownButtonStyles.base,
-                      facetY && dropdownButtonStyles.active
+                      facetY && dropdownButtonStyles.active,
                     )}
                   >
                     {facetY
@@ -1456,7 +1459,7 @@ function RouteComponent() {
                   className={twMerge(
                     'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
                     !facetY ? 'text-blue-500 bg-blue-500/10' : '',
-                    'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500'
+                    'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                   )}
                 >
                   No Facet
@@ -1468,7 +1471,7 @@ function RouteComponent() {
                     className={twMerge(
                       'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
                       facetY === value ? 'text-blue-500 bg-blue-500/10' : '',
-                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500'
+                      'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                     )}
                   >
                     {label}
@@ -1491,13 +1494,13 @@ function RouteComponent() {
                       showDataModeParam !== 'all' &&
                         dropdownButtonStyles.active,
                       transform === 'normalize-y' &&
-                        'opacity-50 cursor-not-allowed'
+                        'opacity-50 cursor-not-allowed',
                     )}
                     disabled={transform === 'normalize-y'}
                   >
                     {
                       showDataModeOptions.find(
-                        (opt) => opt.value === showDataModeParam
+                        (opt) => opt.value === showDataModeParam,
                       )?.label
                     }
                     <MdMoreVert className="w-3 h-3" />
@@ -1521,7 +1524,7 @@ function RouteComponent() {
                       'data-highlighted:bg-gray-500/20 data-highlighted:text-blue-500',
                       transform === 'normalize-y'
                         ? 'opacity-50 cursor-not-allowed'
-                        : ''
+                        : '',
                     )}
                   >
                     {label}
@@ -1536,7 +1539,7 @@ function RouteComponent() {
               const packageList = pkg.packages
               const isCombined = packageList.length > 1
               const subPackages = packageList.filter(
-                (p) => p.name !== mainPackage.name
+                (p) => p.name !== mainPackage.name,
               )
               const color = getPackageColor(mainPackage.name, packageGroups)
 
@@ -1592,7 +1595,7 @@ function RouteComponent() {
                             }
                             className={twMerge(
                               'hover:text-blue-500 flex items-center gap-1',
-                              mainPackage.hidden ? 'opacity-50' : ''
+                              mainPackage.hidden ? 'opacity-50' : '',
                             )}
                           >
                             {mainPackage.name}
@@ -1653,7 +1656,7 @@ function RouteComponent() {
                               }}
                               className={twMerge(
                                 'w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer',
-                                pkg.baseline ? 'text-blue-500' : ''
+                                pkg.baseline ? 'text-blue-500' : '',
                               )}
                             >
                               <MdPushPin className="text-sm" />
@@ -1666,7 +1669,7 @@ function RouteComponent() {
                                 e.preventDefault()
                                 handleColorClick(
                                   mainPackage.name,
-                                  e as unknown as React.MouseEvent
+                                  e as unknown as React.MouseEvent,
                                 )
                               }}
                               className="w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer"
@@ -1690,7 +1693,7 @@ function RouteComponent() {
                                       e.preventDefault()
                                       togglePackageVisibility(
                                         index,
-                                        subPackage.name
+                                        subPackage.name,
                                       )
                                     }}
                                     className="w-full px-2 py-1.5 text-left text-sm rounded hover:bg-gray-500/20 flex items-center gap-2 outline-none cursor-pointer"
@@ -1717,7 +1720,7 @@ function RouteComponent() {
                                           e.stopPropagation()
                                           handleRemoveFromGroup(
                                             mainPackage.name,
-                                            subPackage.name
+                                            subPackage.name,
                                           )
                                         }}
                                         className="p-1 text-gray-400 hover:text-red-500"
@@ -1867,7 +1870,7 @@ function RouteComponent() {
                         ?.map((packageGroupDownloads, index) => {
                           if (
                             !packageGroupDownloads.packages.some(
-                              (p) => p.downloads.length
+                              (p) => p.downloads.length,
                             )
                           ) {
                             return null
@@ -1894,7 +1897,7 @@ function RouteComponent() {
                             .sort(
                               (a, b) =>
                                 d3.utcDay(a.day).getTime() -
-                                d3.utcDay(b.day).getTime()
+                                d3.utcDay(b.day).getTime(),
                             )
 
                           // Get the binning unit and calculate partial bin boundaries
@@ -1904,7 +1907,7 @@ function RouteComponent() {
 
                           // Filter downloads based on showDataMode for total downloads
                           const filteredDownloads = sortedDownloads.filter(
-                            (d) => d3.utcDay(new Date(d.day)) < partialBinEnd
+                            (d) => d3.utcDay(new Date(d.day)) < partialBinEnd,
                           )
 
                           // Group downloads by bin using d3
@@ -1912,14 +1915,14 @@ function RouteComponent() {
                             d3.rollup(
                               filteredDownloads,
                               (v) => d3.sum(v, (d) => d.downloads),
-                              (d) => binUnit.floor(new Date(d.day))
+                              (d) => binUnit.floor(new Date(d.day)),
                             ),
-                            (d) => d[0]
+                            (d) => d[0],
                           )
 
                           const color = getPackageColor(
                             firstPackage.name,
-                            packageGroups
+                            packageGroups,
                           )
 
                           const firstBin = binnedDownloads[0]
@@ -1933,7 +1936,7 @@ function RouteComponent() {
                             package: firstPackage.name,
                             totalDownloads: d3.sum(
                               binnedDownloads,
-                              (d) => d[1]
+                              (d) => d[1],
                             ),
                             binDownloads: lastBin[1],
                             growth,
@@ -1947,7 +1950,7 @@ function RouteComponent() {
                         .sort((a, b) =>
                           transform === 'normalize-y'
                             ? b!.growth - a!.growth
-                            : b!.binDownloads - a!.binDownloads
+                            : b!.binDownloads - a!.binDownloads,
                         )
                         .map((stat) => (
                           <tr key={stat!.package}>
@@ -1973,7 +1976,7 @@ function RouteComponent() {
                                         onClick={() =>
                                           togglePackageVisibility(
                                             stat!.index,
-                                            stat!.package
+                                            stat!.package,
                                           )
                                         }
                                         className="p-0.5 hover:text-blue-500 flex items-center gap-1"
@@ -2061,7 +2064,7 @@ function RouteComponent() {
             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
               {getPopularComparisons().map((comparison) => {
                 const baselinePackage = comparison.packageGroups.find(
-                  (pg) => pg.baseline
+                  (pg) => pg.baseline,
                 )
                 return (
                   <Link
@@ -2071,7 +2074,7 @@ function RouteComponent() {
                       ...prev,
                       packageGroups: comparison.packageGroups,
                       baseline: comparison.packageGroups.find(
-                        (pg) => pg.baseline
+                        (pg) => pg.baseline,
                       )?.packages[0].name,
                     })}
                     resetScroll={false}
diff --git a/src/server/feed/github.functions.ts b/src/server/feed/github.functions.ts
index ab3f82123..12c0b5859 100644
--- a/src/server/feed/github.functions.ts
+++ b/src/server/feed/github.functions.ts
@@ -159,7 +159,7 @@ async function getLastSyncTime(repo: string): Promise<number | null> {
  */
 async function updateLastSyncTime(
   repo: string,
-  timestamp: number
+  timestamp: number,
 ): Promise<void> {
   const configKey = `github:sync:${repo}`
   const existing = await db.query.feedConfig.findFirst({
@@ -185,7 +185,7 @@ async function updateLastSyncTime(
 async function fetchRepoReleases(
   repo: string,
   token: string,
-  since?: number
+  since?: number,
 ): Promise<any[]> {
   const url = `https://api.github.com/repos/${repo}/releases?per_page=100&page=1`
 
@@ -221,7 +221,7 @@ async function fetchRepoReleases(
   // Filter by since timestamp if provided
   if (since && since > 0) {
     return releases.filter(
-      (release: any) => new Date(release.published_at).getTime() > since
+      (release: any) => new Date(release.published_at).getTime() > since,
     )
   }
 
@@ -235,7 +235,7 @@ export async function syncGitHubReleases(options?: { daysBack?: number }) {
   const token = envFunctions.GITHUB_AUTH_TOKEN
   if (!token || token === 'USE_A_REAL_KEY_IN_PRODUCTION') {
     throw new Error(
-      'GITHUB_AUTH_TOKEN not configured. Please set it in environment variables.'
+      'GITHUB_AUTH_TOKEN not configured. Please set it in environment variables.',
     )
   }
 
@@ -336,7 +336,7 @@ export async function syncGitHubReleases(options?: { daysBack?: number }) {
         } catch (error) {
           console.error(
             `Error processing release ${release.id} from ${repo}:`,
-            error
+            error,
           )
           errorCount++
         }
diff --git a/src/server/sponsors.ts b/src/server/sponsors.ts
index f41174392..d47c0020d 100644
--- a/src/server/sponsors.ts
+++ b/src/server/sponsors.ts
@@ -86,7 +86,7 @@ export async function getSponsors() {
 
   sponsors.sort(
     (a, b) =>
-      (b.amount || 0) - (a.amount || 0) || (b.createdAt > a.createdAt ? -1 : 1)
+      (b.amount || 0) - (a.amount || 0) || (b.createdAt > a.createdAt ? -1 : 1),
   )
 
   return sponsors
@@ -130,7 +130,7 @@ async function getGithubSponsors() {
       `,
         {
           cursor,
-        }
+        },
       )
 
       const {
@@ -193,7 +193,7 @@ async function getGithubSponsors() {
           private: false,
           linkUrl: `https://github.com/${d}`,
           imageUrl: `https://github.com/${d}.png`,
-        }))
+        })),
       )
     }
     if (err.status === 403) {
diff --git a/src/stores/aiLibraryHeroAnimation.ts b/src/stores/aiLibraryHeroAnimation.ts
index 6179e3557..0971c69d2 100644
--- a/src/stores/aiLibraryHeroAnimation.ts
+++ b/src/stores/aiLibraryHeroAnimation.ts
@@ -22,7 +22,7 @@ export const SERVICE_LOCATIONS = [0, 1, 2, 3].map(
   (index) =>
     SERVICE_WIDTH * 2 +
     index * (SERVICE_WIDTH + SERVICE_GUTTER) +
-    SERVICE_GUTTER / 2
+    SERVICE_GUTTER / 2,
 )
 export const SERVICE_Y_OFFSET = 265
 export const SERVICE_HEIGHT = 40
@@ -36,7 +36,7 @@ export const LIBRARY_CARD_LOCATIONS = [0, 1, 2, 3].map(
   (index) =>
     LIBRARY_CARD_START_X +
     index * (LIBRARY_CARD_WIDTH + LIBRARY_CARD_GUTTER) +
-    LIBRARY_CARD_GUTTER / 2
+    LIBRARY_CARD_GUTTER / 2,
 )
 
 export const SERVER_CARD_WIDTH = 140
@@ -47,7 +47,7 @@ export const SERVER_CARD_LOCATIONS = [0, 1, 2, 3].map(
   (index) =>
     SERVER_CARD_START_X +
     index * (SERVER_CARD_WIDTH + SERVER_CARD_GUTTER) +
-    SERVER_CARD_GUTTER / 2
+    SERVER_CARD_GUTTER / 2,
 )
 export const SERVER_CARD_Y_OFFSET = 370
 
diff --git a/src/styles/app.css b/src/styles/app.css
index de642d157..bbb8dd60c 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -9,18 +9,19 @@
 
 @theme {
   /* Fonts */
-  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
+  --font-sans:
+    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', Segoe UI Symbol, 'Noto Color Emoji';
 
   /* Shadows */
   --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
   --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03);
-  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05),
-    0 2px 4px -1px rgba(0, 0, 0, 0.03);
-  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.05),
-    0 4px 6px -2px rgba(0, 0, 0, 0.03);
-  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.05),
-    0 10px 10px -5px rgba(0, 0, 0, 0.02);
+  --shadow-md:
+    0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
+  --shadow-lg:
+    0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
+  --shadow-xl:
+    0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
   --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
   --shadow-3xl: 0 35px 60px -15px rgba(0, 0, 0, 0.25);
   --shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.04);
@@ -274,7 +275,13 @@ pre.twoslash data-lsp:hover::before {
   text-align: left;
   padding: 5px 8px;
   border-radius: 2px;
-  font-family: 'JetBrains Mono', Menlo, Monaco, Consolas, monospace, Courier New;
+  font-family:
+    'JetBrains Mono',
+    Menlo,
+    Monaco,
+    Consolas,
+    monospace,
+    Courier New;
   font-size: 14px;
   white-space: pre-wrap;
   z-index: 100;
@@ -313,7 +320,13 @@ pre .code-container:hover a {
 
 pre code {
   font-size: 12px;
-  font-family: 'JetBrains Mono', Menlo, Monaco, Consolas, monospace, Courier New;
+  font-family:
+    'JetBrains Mono',
+    Menlo,
+    Monaco,
+    Consolas,
+    monospace,
+    Courier New;
   white-space: pre;
   -webkit-overflow-scrolling: touch;
 }
@@ -452,7 +465,13 @@ data-lsp {
 }
 .tag-container .twoslash-annotation {
   position: absolute;
-  font-family: 'JetBrains Mono', Menlo, Monaco, Consolas, monospace, Courier New;
+  font-family:
+    'JetBrains Mono',
+    Menlo,
+    Monaco,
+    Consolas,
+    monospace,
+    Courier New;
   right: -10px;
   /** Default annotation text to 200px */
   width: 200px;
diff --git a/src/utils/admin.ts b/src/utils/admin.ts
index 6ca4e6ff0..dd00076fa 100644
--- a/src/utils/admin.ts
+++ b/src/utils/admin.ts
@@ -15,5 +15,5 @@ export const syncAllFeedSources = createServerFn({ method: 'POST' }).handler(
     }
 
     return await syncAllSources()
-  }
+  },
 )
diff --git a/src/utils/auth.server-helpers.ts b/src/utils/auth.server-helpers.ts
index 63a0506b5..2859cf247 100644
--- a/src/utils/auth.server-helpers.ts
+++ b/src/utils/auth.server-helpers.ts
@@ -52,7 +52,7 @@ export async function getCurrentUserFromRequest(request: Request) {
   } catch (error) {
     console.error(
       '[getCurrentUserFromRequest] Failed to get user from session:',
-      error
+      error,
     )
     return null
   }
diff --git a/src/utils/auth.server.ts b/src/utils/auth.server.ts
index 1c6e587c0..156904001 100644
--- a/src/utils/auth.server.ts
+++ b/src/utils/auth.server.ts
@@ -8,7 +8,7 @@ export const getCurrentUser = createServerFn({ method: 'POST' }).handler(
   async () => {
     const request = getRequest()
     return getCurrentUserFromRequest(request)
-  }
+  },
 )
 
 // Server function to require authentication
@@ -20,7 +20,7 @@ export const requireAuth = createServerFn({ method: 'POST' }).handler(
       throw new Error('Not authenticated')
     }
     return user
-  }
+  },
 )
 
 // Server function to require a specific capability
diff --git a/src/utils/capabilities.server.ts b/src/utils/capabilities.server.ts
index 9df69e639..1a73f117d 100644
--- a/src/utils/capabilities.server.ts
+++ b/src/utils/capabilities.server.ts
@@ -6,7 +6,7 @@ import type { Capability } from '~/db/schema'
 // Helper function to get effective capabilities (direct + role-based)
 // Optimized to use single LEFT JOIN query to fetch both user and role capabilities
 export async function getEffectiveCapabilities(
-  userId: string
+  userId: string,
 ): Promise<Capability[]> {
   // Single query to get both user capabilities and role capabilities
   const result = await db
@@ -30,13 +30,13 @@ export async function getEffectiveCapabilities(
   const roleCapabilities = result
     .map((r) => r.roleCapabilities)
     .filter(
-      (caps): caps is Capability[] => caps !== null && Array.isArray(caps)
+      (caps): caps is Capability[] => caps !== null && Array.isArray(caps),
     )
     .flat()
 
   // Union of direct capabilities and role capabilities
   const effectiveCapabilities = Array.from(
-    new Set<Capability>([...directCapabilities, ...roleCapabilities])
+    new Set<Capability>([...directCapabilities, ...roleCapabilities]),
   )
 
   // Admin users automatically get feed capability
diff --git a/src/utils/config.ts b/src/utils/config.ts
index a4d0672ec..0135c713a 100644
--- a/src/utils/config.ts
+++ b/src/utils/config.ts
@@ -23,7 +23,7 @@ const configSchema = z.object({
           label: z.string(),
           to: z.string(),
           badge: z.string().optional(),
-        })
+        }),
       ),
       frameworks: z
         .array(
@@ -34,14 +34,14 @@ const configSchema = z.object({
                 label: z.string(),
                 to: z.string(),
                 badge: z.string().optional(),
-              })
+              }),
             ),
-          })
+          }),
         )
         .optional(),
       collapsible: z.boolean().optional(),
       defaultCollapsed: z.boolean().optional(),
-    })
+    }),
   ),
   users: z.array(z.string()).optional(),
 })
@@ -53,7 +53,7 @@ export type ConfigSchema = z.infer<typeof configSchema>
   */
 export const getTanstackDocsConfig = createServerFn({ method: 'GET' })
   .inputValidator(
-    z.object({ repo: z.string(), branch: z.string(), docsRoot: z.string() })
+    z.object({ repo: z.string(), branch: z.string(), docsRoot: z.string() }),
   )
   .handler(async ({ data: { repo, branch, docsRoot } }) => {
     const config = await fetchRepoFile(repo, branch, `${docsRoot}/config.json`)
@@ -65,7 +65,7 @@ export const getTanstackDocsConfig = createServerFn({ method: 'GET' })
     try {
       const tanstackDocsConfigFromJson = JSON.parse(config)
       const validationResult = configSchema.safeParse(
-        tanstackDocsConfigFromJson
+        tanstackDocsConfigFromJson,
       )
 
       if (!validationResult.success) {
diff --git a/src/utils/cookies.server.ts b/src/utils/cookies.server.ts
index 023934c1c..80c0e16ac 100644
--- a/src/utils/cookies.server.ts
+++ b/src/utils/cookies.server.ts
@@ -116,7 +116,7 @@ export async function signCookie(data: SessionCookieData): Promise<string> {
     keyData,
     { name: 'HMAC', hash: 'SHA-256' },
     false,
-    ['sign']
+    ['sign'],
   )
 
   const signature = await crypto.subtle.sign('HMAC', key, messageData)
@@ -134,7 +134,7 @@ export async function signCookie(data: SessionCookieData): Promise<string> {
 
 // Verify and parse signed cookie
 export async function verifyCookie(
-  signedCookie: string
+  signedCookie: string,
 ): Promise<SessionCookieData | null> {
   try {
     const secret = getSecretKey()
@@ -154,7 +154,7 @@ export async function verifyCookie(
       keyData,
       { name: 'HMAC', hash: 'SHA-256' },
       false,
-      ['verify']
+      ['verify'],
     )
 
     // Decode signature
@@ -165,7 +165,7 @@ export async function verifyCookie(
       'HMAC',
       key,
       signature,
-      messageData
+      messageData,
     )
 
     if (!isValid) {
diff --git a/src/utils/docs.ts b/src/utils/docs.ts
index ae42a9d19..3248d2a74 100644
--- a/src/utils/docs.ts
+++ b/src/utils/docs.ts
@@ -51,7 +51,7 @@ export const loadDocs = async ({
 
 export const fetchDocs = createServerFn({ method: 'GET' })
   .inputValidator(
-    z.object({ repo: z.string(), branch: z.string(), filePath: z.string() })
+    z.object({ repo: z.string(), branch: z.string(), filePath: z.string() }),
   )
   .handler(async ({ data: { repo, branch, filePath } }) => {
     const file = await fetchRepoFile(repo, branch, filePath)
@@ -77,7 +77,7 @@ export const fetchDocs = createServerFn({ method: 'GET' })
     setResponseHeader('Cache-Control', 'public, max-age=0, must-revalidate')
     setResponseHeader(
       'CDN-Cache-Control',
-      'max-age=300, stale-while-revalidate=300, durable'
+      'max-age=300, stale-while-revalidate=300, durable',
     )
 
     return {
@@ -91,7 +91,7 @@ export const fetchDocs = createServerFn({ method: 'GET' })
 
 export const fetchFile = createServerFn({ method: 'GET' })
   .inputValidator(
-    z.object({ repo: z.string(), branch: z.string(), filePath: z.string() })
+    z.object({ repo: z.string(), branch: z.string(), filePath: z.string() }),
   )
   .handler(async ({ data: { repo, branch, filePath } }) => {
     const file = await fetchRepoFile(repo, branch, filePath)
@@ -105,7 +105,7 @@ export const fetchFile = createServerFn({ method: 'GET' })
     setResponseHeader('Cache-Control', 'public, max-age=0, must-revalidate')
     setResponseHeader(
       'CDN-Cache-Control',
-      'max-age=3600, stale-while-revalidate=3600, durable'
+      'max-age=3600, stale-while-revalidate=3600, durable',
     )
 
     return file
@@ -119,7 +119,7 @@ export const fetchRepoDirectoryContents = createServerFn({
       repo: z.string(),
       branch: z.string(),
       startingPath: z.string(),
-    })
+    }),
   )
   .handler(async ({ data: { repo, branch, startingPath } }) => {
     const githubContents = await fetchApiContents(repo, branch, startingPath)
@@ -129,7 +129,7 @@ export const fetchRepoDirectoryContents = createServerFn({
     setResponseHeader('Cache-Control', 'public, max-age=0, must-revalidate')
     setResponseHeader(
       'CDN-Cache-Control',
-      'max-age=3600, stale-while-revalidate=3600, durable'
+      'max-age=3600, stale-while-revalidate=3600, durable',
     )
 
     return githubContents
diff --git a/src/utils/documents.server.ts b/src/utils/documents.server.ts
index 1d80e4a94..40c9caf23 100644
--- a/src/utils/documents.server.ts
+++ b/src/utils/documents.server.ts
@@ -24,11 +24,11 @@ async function fetchRemote(
   owner: string,
   repo: string,
   ref: string,
-  filepath: string
+  filepath: string,
 ) {
   const href = new URL(
     `${owner}/${repo}/${ref}/${filepath}`,
-    'https://raw.githubusercontent.com/'
+    'https://raw.githubusercontent.com/',
   ).href
 
   const response = await fetch(href, {
@@ -52,7 +52,7 @@ async function fetchFs(repo: string, filepath: string) {
   const exists = fs.existsSync(localFilePath)
   if (!exists) {
     console.warn(
-      `[fetchFs] Tried to read file that does not exist: ${localFilePath}\n`
+      `[fetchFs] Tried to read file that does not exist: ${localFilePath}\n`,
     )
     return ''
   }
@@ -65,7 +65,7 @@ async function fetchFs(repo: string, filepath: string) {
  */
 function replaceContent(
   text: string,
-  frontmatter: graymatter.GrayMatterFile<string>
+  frontmatter: graymatter.GrayMatterFile<string>,
 ) {
   let result = text
   const replace = frontmatter.data.replace as Record<string, string> | undefined
@@ -89,7 +89,7 @@ function replaceContent(
  */
 function replaceSections(
   text: string,
-  frontmatter: graymatter.GrayMatterFile<string>
+  frontmatter: graymatter.GrayMatterFile<string>,
 ) {
   let result = text
   // RegExp defining token pair to dicover sections in the document
@@ -103,7 +103,7 @@ function replaceSections(
   for (const match of frontmatter.content.matchAll(sectionRegex)) {
     if (match[1] !== match[2]) {
       console.error(
-        `Origin section '${match[1]}' does not have matching closing token (found '${match[2]}'). Please make sure that each section has corresponsing closing token and that sections are not nested.`
+        `Origin section '${match[1]}' does not have matching closing token (found '${match[2]}'). Please make sure that each section has corresponsing closing token and that sections are not nested.`,
       )
     }
 
@@ -115,7 +115,7 @@ function replaceSections(
   for (const match of result.matchAll(sectionRegex)) {
     if (match[1] !== match[2]) {
       console.error(
-        `Target section '${match[1]}' does not have matching closing token (found '${match[2]}'). Please make sure that each section has corresponsing closing token and that sections are not nested.`
+        `Target section '${match[1]}' does not have matching closing token (found '${match[2]}'). Please make sure that each section has corresponsing closing token and that sections are not nested.`,
       )
     }
 
@@ -132,7 +132,7 @@ function replaceSections(
           value[0] +
           result.slice(
             sectionMatch.index! + sectionMatch[0].length,
-            result.length
+            result.length,
           )
       }
     })
@@ -156,7 +156,7 @@ function replaceSections(
 function replaceProjectImageBranch(
   text: string,
   repoPair: string,
-  ref: string
+  ref: string,
 ) {
   const handleReplaceImageSrc = (src: string): string => {
     const srcLowered = src.toLowerCase()
@@ -254,7 +254,7 @@ function replaceProjectImageBranch(
 export async function fetchRepoFile(
   repoPair: string,
   ref: string,
-  filepath: string
+  filepath: string,
 ) {
   const key = `${repoPair}:${ref}:${filepath}`
   let [owner, repo] = repoPair.split('/')
@@ -393,7 +393,7 @@ const API_CONTENTS_MAX_DEPTH = 3
 export function fetchApiContents(
   repoPair: string,
   branch: string,
-  startingPath: string
+  startingPath: string,
 ) {
   const isDev = process.env.NODE_ENV === 'development'
   return fetchCached({
@@ -417,7 +417,7 @@ function sortApiContents(contents: Array<GitHubFile>): Array<GitHubFile> {
 
 async function fetchApiContentsFs(
   repoPair: string,
-  startingPath: string
+  startingPath: string,
 ): Promise<Array<GitHubFileNode> | null> {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [_, repo] = repoPair.split('/')
@@ -441,7 +441,7 @@ async function fetchApiContentsFs(
   ]
 
   async function getContentsForPath(
-    filePath: string
+    filePath: string,
   ): Promise<Array<GitHubFile>> {
     const list = await fsp.readdir(filePath, { withFileTypes: true })
     return list
@@ -463,7 +463,7 @@ async function fetchApiContentsFs(
   async function buildFileTree(
     nodes: Array<GitHubFile> | undefined,
     depth: number,
-    parentPath: string
+    parentPath: string,
   ) {
     const result: Array<GitHubFileNode> = []
 
@@ -481,7 +481,7 @@ async function fetchApiContentsFs(
         file.children = await buildFileTree(
           directoryFiles,
           depth + 1,
-          `${parentPath}${file.path}/`
+          `${parentPath}${file.path}/`,
         )
       }
 
@@ -502,7 +502,7 @@ async function fetchApiContentsFs(
 async function fetchApiContentsRemote(
   repo: string,
   branch: string,
-  startingPath: string
+  startingPath: string,
 ): Promise<Array<GitHubFileNode> | null> {
   const fetchOptions: RequestInit = {
     headers: {
@@ -512,12 +512,12 @@ async function fetchApiContentsRemote(
   }
   const res = await fetch(
     `https://api.github.com/repos/${repo}/contents/${startingPath}?ref=${branch}`,
-    fetchOptions
+    fetchOptions,
   )
 
   if (!res.ok) {
     throw new Error(
-      `Failed to fetch repo contents for ${repo}/${branch}/${startingPath}: Status is ${res.statusText} - ${res.status}`
+      `Failed to fetch repo contents for ${repo}/${branch}/${startingPath}: Status is ${res.statusText} - ${res.status}`,
     )
   }
 
@@ -526,7 +526,7 @@ async function fetchApiContentsRemote(
   if (!Array.isArray(data)) {
     console.warn(
       'Expected an array of files from GitHub API, but received:\n',
-      JSON.stringify(data)
+      JSON.stringify(data),
     )
     return null
   }
@@ -534,7 +534,7 @@ async function fetchApiContentsRemote(
   async function buildFileTree(
     nodes: Array<GitHubFile> | undefined,
     depth: number,
-    parentPath: string
+    parentPath: string,
   ) {
     const result: Array<GitHubFileNode> = []
 
@@ -550,7 +550,7 @@ async function fetchApiContentsRemote(
       if (file.type === 'dir' && depth <= API_CONTENTS_MAX_DEPTH) {
         const directoryFilesResponse = await fetch(
           file._links.self,
-          fetchOptions
+          fetchOptions,
         )
         const directoryFiles =
           (await directoryFilesResponse.json()) as Array<GitHubFile>
@@ -558,7 +558,7 @@ async function fetchApiContentsRemote(
         file.children = await buildFileTree(
           directoryFiles,
           depth + 1,
-          `${parentPath}${file.path}/`
+          `${parentPath}${file.path}/`,
         )
       }
 
diff --git a/src/utils/env.ts b/src/utils/env.ts
index 8ef31c5ea..1d79a45fc 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -41,13 +41,13 @@ export const env = new Proxy(
       if (prop in parsedServerEnv && typeof window !== 'undefined') {
         throw new Error(
           `Access to server-only environment variable '${String(
-            prop
-          )}' from client code is not allowed.`
+            prop,
+          )}' from client code is not allowed.`,
         )
       }
       return prop in parsedServerEnv
         ? parsedServerEnv[prop as keyof typeof parsedServerEnv]
         : target[prop as keyof typeof parsedClientEnv]
     },
-  }
+  },
 ) as ParsedEnv
diff --git a/src/utils/feed.functions.ts b/src/utils/feed.functions.ts
index a2a5c5db2..8bb7f8a12 100644
--- a/src/utils/feed.functions.ts
+++ b/src/utils/feed.functions.ts
@@ -32,7 +32,7 @@ export const listFeedEntries = createServerFn({ method: 'POST' })
                 'partner',
                 'update',
                 'other',
-              ])
+              ]),
             )
             .optional(),
           partners: z.array(z.string()).optional(),
@@ -46,7 +46,7 @@ export const listFeedEntries = createServerFn({ method: 'POST' })
           includeHidden: z.boolean().optional(),
         })
         .optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     // Check if admin (for includeHidden)
@@ -77,7 +77,7 @@ export const listFeedEntries = createServerFn({ method: 'POST' })
     allEntries = filterByReleaseLevel(
       allEntries,
       filters.releaseLevels,
-      filters.includePrerelease
+      filters.includePrerelease,
     )
 
     // Sort: latest first (by publishedAt), with featured as tiebreaker
@@ -228,7 +228,7 @@ export const getFeedStats = createServerFn({ method: 'POST' }).handler(
     }
 
     return stats
-  }
+  },
 )
 
 // Server function wrapper for getFeedFacetCounts
@@ -248,7 +248,7 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
                 'partner',
                 'update',
                 'other',
-              ])
+              ]),
             )
             .optional(),
           partners: z.array(z.string()).optional(),
@@ -262,7 +262,7 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
           includeHidden: z.boolean().optional(),
         })
         .optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     const filters = data.filters ?? {}
@@ -279,7 +279,7 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
         | 'releaseLevels'
         | 'includePrerelease'
         | 'featured'
-        | 'search'
+        | 'search',
     ) => {
       const whereClause = buildFeedQueryConditions(filters, excludeFacet)
       return db.select().from(feedEntries).where(whereClause)
@@ -290,7 +290,7 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
       ? undefined
       : and(
           eq(feedEntries.isVisible, true),
-          gte(feedEntries.publishedAt, new Date(0))
+          gte(feedEntries.publishedAt, new Date(0)),
         )
     const baseEntries = await db
       .select()
@@ -334,14 +334,14 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
     const releaseLevelCounts: Record<string, number> = {}
     for (const entry of releaseEntries) {
       const releaseLevelTags = entry.tags.filter((tag) =>
-        tag.startsWith('release:')
+        tag.startsWith('release:'),
       )
       if (releaseLevelTags.length > 0) {
         const baseReleaseTag = releaseLevelTags.find(
           (tag) =>
             tag === 'release:major' ||
             tag === 'release:minor' ||
-            tag === 'release:patch'
+            tag === 'release:patch',
         )
         if (baseReleaseTag) {
           const level = baseReleaseTag.replace('release:', '')
@@ -353,13 +353,13 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
     // Count prerelease
     const prereleaseEntries = await applyFiltersExcept('includePrerelease')
     const prereleaseCount = prereleaseEntries.filter((entry) =>
-      entry.tags.includes('release:prerelease')
+      entry.tags.includes('release:prerelease'),
     ).length
 
     // Count featured
     const featuredEntries = await applyFiltersExcept('featured')
     const featuredCount = featuredEntries.filter(
-      (entry) => entry.featured
+      (entry) => entry.featured,
     ).length
 
     return {
@@ -379,7 +379,7 @@ export const searchFeedEntries = createServerFn({ method: 'POST' })
     z.object({
       search: z.string(),
       limit: z.number().optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     const limit = data.limit ?? 20
@@ -396,8 +396,8 @@ export const searchFeedEntries = createServerFn({ method: 'POST' })
       .where(
         and(
           eq(feedEntries.isVisible, true),
-          sql`to_tsvector('english', ${feedEntries.title} || ' ' || ${feedEntries.content} || ' ' || COALESCE(${feedEntries.excerpt}, '')) @@ to_tsquery('english', ${searchQuery})`
-        )
+          sql`to_tsvector('english', ${feedEntries.title} || ' ' || ${feedEntries.content} || ' ' || COALESCE(${feedEntries.excerpt}, '')) @@ to_tsquery('english', ${searchQuery})`,
+        ),
       )
       .limit(limit)
 
@@ -466,7 +466,7 @@ export const createFeedEntry = createServerFn({ method: 'POST' })
       isVisible: z.boolean(),
       featured: z.boolean().optional(),
       autoSynced: z.boolean(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -475,7 +475,7 @@ export const createFeedEntry = createServerFn({ method: 'POST' })
     const publishedAtValidation = validatePublishedAt(data.publishedAt)
     if (!publishedAtValidation.valid) {
       throw new Error(
-        `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published, not when it was added to the feed.`
+        `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published, not when it was added to the feed.`,
       )
     }
 
@@ -486,7 +486,7 @@ export const createFeedEntry = createServerFn({ method: 'POST' })
 
     if (existing) {
       throw new Error(
-        `Feed entry with ID "${data.id}" already exists. Please try again or edit the existing entry.`
+        `Feed entry with ID "${data.id}" already exists. Please try again or edit the existing entry.`,
       )
     }
 
@@ -533,7 +533,7 @@ export const updateFeedEntry = createServerFn({ method: 'POST' })
       isVisible: z.boolean().optional(),
       featured: z.boolean().optional(),
       lastSyncedAt: z.number().optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -571,7 +571,7 @@ export const updateFeedEntry = createServerFn({ method: 'POST' })
       const publishedAtValidation = validatePublishedAt(data.publishedAt)
       if (!publishedAtValidation.valid) {
         throw new Error(
-          `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published.`
+          `Invalid publishedAt: ${publishedAtValidation.error}. publishedAt should represent when the content was actually published.`,
         )
       }
       updates.publishedAt = new Date(data.publishedAt)
@@ -625,7 +625,7 @@ export const toggleFeedEntryVisibility = createServerFn({ method: 'POST' })
     z.object({
       id: z.string(),
       isVisible: z.boolean(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -652,7 +652,7 @@ export const setFeedEntryFeatured = createServerFn({ method: 'POST' })
     z.object({
       id: z.string(),
       featured: z.boolean(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -679,7 +679,7 @@ export const setFeedConfig = createServerFn({ method: 'POST' })
     z.object({
       key: z.string(),
       value: z.any(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     // No admin check - config can be set by sync actions
diff --git a/src/utils/feed.server.ts b/src/utils/feed.server.ts
index 45cf7dfc4..03ffea615 100644
--- a/src/utils/feed.server.ts
+++ b/src/utils/feed.server.ts
@@ -86,7 +86,7 @@ export function buildFeedQueryConditions(
     | 'releaseLevels'
     | 'includePrerelease'
     | 'featured'
-    | 'search'
+    | 'search',
 ) {
   const conditions = []
 
@@ -122,7 +122,7 @@ export function buildFeedQueryConditions(
   ) {
     const libraryArray = `{${filters.libraries.map((l) => `"${l}"`).join(',')}}`
     conditions.push(
-      sql`${feedEntries.libraryIds} && ${sql.raw(libraryArray)}::text[]`
+      sql`${feedEntries.libraryIds} && ${sql.raw(libraryArray)}::text[]`,
     )
   }
 
@@ -134,7 +134,7 @@ export function buildFeedQueryConditions(
   ) {
     const partnerArray = `{${filters.partners.map((p) => `"${p}"`).join(',')}}`
     conditions.push(
-      sql`${feedEntries.partnerIds} && ${sql.raw(partnerArray)}::text[]`
+      sql`${feedEntries.partnerIds} && ${sql.raw(partnerArray)}::text[]`,
     )
   }
 
@@ -162,7 +162,7 @@ export function buildFeedQueryConditions(
       .map((term) => `'${term.replace(/'/g, "''")}'`)
       .join(' & ')
     conditions.push(
-      sql`to_tsvector('english', ${feedEntries.title} || ' ' || ${feedEntries.content} || ' ' || COALESCE(${feedEntries.excerpt}, '')) @@ to_tsquery('english', ${searchQuery})`
+      sql`to_tsvector('english', ${feedEntries.title} || ' ' || ${feedEntries.content} || ' ' || COALESCE(${feedEntries.excerpt}, '')) @@ to_tsquery('english', ${searchQuery})`,
     )
   }
 
@@ -173,13 +173,13 @@ export function buildFeedQueryConditions(
 export function filterByReleaseLevel(
   entries: (typeof feedEntries.$inferSelect)[],
   releaseLevels?: ReleaseLevel[],
-  includePrerelease?: boolean
+  includePrerelease?: boolean,
 ) {
   if (releaseLevels === undefined) {
     // If releaseLevels not specified but includePrerelease is explicitly false, exclude prerelease
     if (includePrerelease === false) {
       return entries.filter(
-        (entry) => !entry.tags.includes('release:prerelease')
+        (entry) => !entry.tags.includes('release:prerelease'),
       )
     }
     return entries
@@ -187,7 +187,7 @@ export function filterByReleaseLevel(
 
   return entries.filter((entry) => {
     const releaseLevelTags = entry.tags.filter((tag) =>
-      tag.startsWith('release:')
+      tag.startsWith('release:'),
     )
     if (releaseLevelTags.length === 0) {
       // Not a release entry, include it (unless explicitly filtering releases only)
@@ -200,7 +200,7 @@ export function filterByReleaseLevel(
 
     // Check if this is a prerelease
     const isPrerelease = releaseLevelTags.some(
-      (tag) => tag === 'release:prerelease'
+      (tag) => tag === 'release:prerelease',
     )
 
     // If it's a prerelease, check includePrerelease flag
@@ -213,7 +213,7 @@ export function filterByReleaseLevel(
       (tag) =>
         tag === 'release:major' ||
         tag === 'release:minor' ||
-        tag === 'release:patch'
+        tag === 'release:patch',
     )
     if (!baseReleaseTag) {
       return false
diff --git a/src/utils/handleRedirects.server.ts b/src/utils/handleRedirects.server.ts
index 2e2e9b547..40926c77c 100644
--- a/src/utils/handleRedirects.server.ts
+++ b/src/utils/handleRedirects.server.ts
@@ -7,7 +7,7 @@ export function handleRedirects(
   urlFromRequest: string,
   urlFromPathStart: string,
   urlToPathStart: string,
-  urlToQueryParams: string
+  urlToQueryParams: string,
 ) {
   const url = new URL(urlFromRequest, 'https://tanstack.com')
 
diff --git a/src/utils/markdown/plugins.ts b/src/utils/markdown/plugins.ts
index e36d0fbe2..adf385c73 100644
--- a/src/utils/markdown/plugins.ts
+++ b/src/utils/markdown/plugins.ts
@@ -36,9 +36,9 @@ function parseDescriptor(descriptor: string) {
 const isCommentNode = (value: unknown) =>
   Boolean(
     value &&
-      typeof value === 'object' &&
-      'type' in value &&
-      value.type === 'comment'
+    typeof value === 'object' &&
+    'type' in value &&
+    value.type === 'comment',
   )
 
 const slugify = (value: string, fallback: string) => {
@@ -217,7 +217,7 @@ function transformTabsComponent(node) {
         'data-tab-index': String(index),
       },
       children: panelChildren,
-    })
+    }),
   )
 
   node.properties = {
diff --git a/src/utils/oauth.server.ts b/src/utils/oauth.server.ts
index fe964aade..b1ac194d7 100644
--- a/src/utils/oauth.server.ts
+++ b/src/utils/oauth.server.ts
@@ -13,12 +13,12 @@ type OAuthProfile = {
 // Get OAuth account by provider and account ID
 export async function getOAuthAccount(
   provider: OAuthProvider,
-  providerAccountId: string
+  providerAccountId: string,
 ) {
   const account = await db.query.oauthAccounts.findFirst({
     where: and(
       eq(oauthAccounts.provider, provider),
-      eq(oauthAccounts.providerAccountId, providerAccountId)
+      eq(oauthAccounts.providerAccountId, providerAccountId),
     ),
   })
 
@@ -28,7 +28,7 @@ export async function getOAuthAccount(
 // Upsert OAuth account and user
 export async function upsertOAuthAccount(
   provider: OAuthProvider,
-  profile: OAuthProfile
+  profile: OAuthProfile,
 ) {
   // Check if OAuth account already exists
   const existingAccount = await getOAuthAccount(provider, profile.id)
diff --git a/src/utils/partners.tsx b/src/utils/partners.tsx
index 50f7d2741..d15b9c49e 100644
--- a/src/utils/partners.tsx
+++ b/src/utils/partners.tsx
@@ -384,7 +384,7 @@ const uiDev = (() => {
               window.open(
                 'https://ui.dev/?utm_source=tanstack&utm_campaign=tanstack',
                 '_blank',
-                'noopener,noreferrer'
+                'noopener,noreferrer',
               )
             }
             tabIndex={0}
diff --git a/src/utils/roles.functions.ts b/src/utils/roles.functions.ts
index 53b704894..ff527ca4a 100644
--- a/src/utils/roles.functions.ts
+++ b/src/utils/roles.functions.ts
@@ -14,7 +14,7 @@ export const listRoles = createServerFn({ method: 'POST' })
       capabilityFilter: z
         .array(z.enum(['admin', 'disableAds', 'builder', 'feed']))
         .optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -29,14 +29,14 @@ export const listRoles = createServerFn({ method: 'POST' })
         (role) =>
           role.name.toLowerCase().includes(nameLower) ||
           (role.description &&
-            role.description.toLowerCase().includes(nameLower))
+            role.description.toLowerCase().includes(nameLower)),
       )
     }
 
     // Apply capability filter
     if (data.capabilityFilter && data.capabilityFilter.length > 0) {
       allRoles = allRoles.filter((role) =>
-        data.capabilityFilter!.some((cap) => role.capabilities.includes(cap))
+        data.capabilityFilter!.some((cap) => role.capabilities.includes(cap)),
       )
     }
 
@@ -83,7 +83,7 @@ export const createRole = createServerFn({ method: 'POST' })
       name: z.string(),
       description: z.string().optional(),
       capabilities: z.array(z.enum(['admin', 'disableAds', 'builder', 'feed'])),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -118,7 +118,7 @@ export const updateRole = createServerFn({ method: 'POST' })
       capabilities: z
         .array(z.enum(['admin', 'disableAds', 'builder', 'feed']))
         .optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -212,12 +212,12 @@ export const getUserRoles = createServerFn({ method: 'POST' })
       userRoleAssignments.map((ra) =>
         db.query.roles.findFirst({
           where: eq(roles.id, ra.roleId),
-        })
-      )
+        }),
+      ),
     )
 
     const validRoles = userRoles.filter(
-      (role): role is NonNullable<typeof role> => role !== null
+      (role): role is NonNullable<typeof role> => role !== null,
     )
 
     return validRoles.map((role) => ({
@@ -235,7 +235,7 @@ export const assignRolesToUser = createServerFn({ method: 'POST' })
     z.object({
       userId: z.string().uuid(),
       roleIds: z.array(z.string().uuid()),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -268,27 +268,27 @@ export const assignRolesToUser = createServerFn({ method: 'POST' })
 
     // Delete assignments that are no longer needed
     const toDelete = existingAssignments.filter(
-      (ra) => !newRoleIds.has(ra.roleId)
+      (ra) => !newRoleIds.has(ra.roleId),
     )
     if (toDelete.length > 0) {
       await db.delete(roleAssignments).where(
         inArray(
           roleAssignments.id,
-          toDelete.map((ra) => ra.id)
-        )
+          toDelete.map((ra) => ra.id),
+        ),
       )
     }
 
     // Create new assignments
     const toCreate = data.roleIds.filter(
-      (roleId) => !existingRoleIds.has(roleId)
+      (roleId) => !existingRoleIds.has(roleId),
     )
     if (toCreate.length > 0) {
       await db.insert(roleAssignments).values(
         toCreate.map((roleId) => ({
           userId: data.userId,
           roleId,
-        }))
+        })),
       )
     }
 
@@ -322,7 +322,7 @@ export const getBulkUserRoles = createServerFn({ method: 'POST' })
         await db.query.roles.findMany({
           where: inArray(roles.id, roleIds),
         })
-      ).map((role) => [role.id, role])
+      ).map((role) => [role.id, role]),
     )
 
     // Group by user
@@ -364,7 +364,7 @@ export const getBulkEffectiveCapabilities = createServerFn({ method: 'POST' })
     await Promise.all(
       data.userIds.map(async (userId) => {
         result[userId] = await getEffectiveCapabilities(userId)
-      })
+      }),
     )
 
     return result
@@ -404,7 +404,7 @@ export const removeUsersFromRole = createServerFn({ method: 'POST' })
     z.object({
       roleId: z.string().uuid(),
       userIds: z.array(z.string().uuid()),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -424,8 +424,8 @@ export const removeUsersFromRole = createServerFn({ method: 'POST' })
       .where(
         and(
           eq(roleAssignments.roleId, data.roleId),
-          inArray(roleAssignments.userId, data.userIds)
-        )
+          inArray(roleAssignments.userId, data.userIds),
+        ),
       )
 
     return { success: true }
@@ -436,7 +436,7 @@ export const bulkAssignRolesToUsers = createServerFn({ method: 'POST' })
     z.object({
       userIds: z.array(z.string().uuid()),
       roleIds: z.array(z.string().uuid()),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireAdmin()
@@ -465,7 +465,7 @@ export const bulkAssignRolesToUsers = createServerFn({ method: 'POST' })
     })
 
     const existingSet = new Set(
-      existingAssignments.map((a) => `${a.userId}:${a.roleId}`)
+      existingAssignments.map((a) => `${a.userId}:${a.roleId}`),
     )
 
     // Create new assignments (skip duplicates)
diff --git a/src/utils/sandbox.ts b/src/utils/sandbox.ts
index 9455b05f4..c1c746575 100644
--- a/src/utils/sandbox.ts
+++ b/src/utils/sandbox.ts
@@ -2,7 +2,7 @@ import { type Framework } from '~/libraries'
 
 export const getExampleStartingPath = (
   framework: Framework,
-  libraryId?: string
+  libraryId?: string,
 ) => {
   if (libraryId && ['start', 'router'].includes(libraryId)) {
     return 'src/routes/__root.tsx'
@@ -15,25 +15,25 @@ export const getExampleStartingPath = (
 
 export function getExampleStartingFileName(
   framework: Framework,
-  libraryId?: string
+  libraryId?: string,
 ) {
   const file =
     framework === 'angular'
       ? 'app.component'
       : ['svelte', 'vue'].includes(framework)
-      ? 'App'
-      : ['form', 'query', 'pacer'].includes(libraryId!)
-      ? 'index'
-      : 'main'
+        ? 'App'
+        : ['form', 'query', 'pacer'].includes(libraryId!)
+          ? 'index'
+          : 'main'
 
   const ext =
     framework === 'svelte'
       ? 'svelte'
       : framework === 'vue'
-      ? 'vue'
-      : ['angular', 'lit'].includes(framework)
-      ? 'ts'
-      : 'tsx'
+        ? 'vue'
+        : ['angular', 'lit'].includes(framework)
+          ? 'ts'
+          : 'tsx'
 
   return `${file}.${ext}` as const
 }
diff --git a/src/utils/stats-admin.server.ts b/src/utils/stats-admin.server.ts
index d742150ae..2ee5327be 100644
--- a/src/utils/stats-admin.server.ts
+++ b/src/utils/stats-admin.server.ts
@@ -32,7 +32,7 @@ export const listGitHubStatsCache = createServerFn({ method: 'POST' }).handler(
       createdAt: entry.createdAt,
       updatedAt: entry.updatedAt,
     }))
-  }
+  },
 )
 
 /**
@@ -42,7 +42,7 @@ export const refreshGitHubStats = createServerFn({ method: 'POST' })
   .inputValidator(
     z.object({
       cacheKey: z.string(), // e.g., "tanstack/query" or "org:tanstack"
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireCapability({ data: { capability: 'admin' } })
@@ -80,14 +80,14 @@ export const refreshAllGitHubStats = createServerFn({ method: 'POST' }).handler(
     // First, refresh all libraries from the libraries array
     const { libraries } = await import('~/libraries')
     console.log(
-      `[GitHub Stats Refresh] Processing ${libraries.length} libraries from libraries array`
+      `[GitHub Stats Refresh] Processing ${libraries.length} libraries from libraries array`,
     )
 
     for (let i = 0; i < libraries.length; i++) {
       const library = libraries[i]
       if (!library.repo) {
         console.log(
-          `[GitHub Stats Refresh] Skipping library ${library.id} - no repo`
+          `[GitHub Stats Refresh] Skipping library ${library.id} - no repo`,
         )
         continue
       }
@@ -111,7 +111,7 @@ export const refreshAllGitHubStats = createServerFn({ method: 'POST' }).handler(
           error instanceof Error ? error.message : String(error)
         console.error(
           `[GitHub Stats Refresh] Failed to refresh ${library.repo}:`,
-          errorMessage
+          errorMessage,
         )
         errors.push({
           cacheKey: library.repo,
@@ -148,7 +148,7 @@ export const refreshAllGitHubStats = createServerFn({ method: 'POST' }).handler(
           error instanceof Error ? error.message : String(error)
         console.error(
           `[GitHub Stats Refresh] Failed to refresh ${entry.cacheKey}:`,
-          errorMessage
+          errorMessage,
         )
         errors.push({
           cacheKey: entry.cacheKey,
@@ -165,7 +165,7 @@ export const refreshAllGitHubStats = createServerFn({ method: 'POST' }).handler(
       results,
       errors,
     }
-  }
+  },
 )
 
 /**
@@ -176,7 +176,7 @@ export const listNpmPackages = createServerFn({ method: 'POST' })
     z.object({
       libraryId: z.string().optional(),
       search: z.string().optional(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireCapability({ data: { capability: 'admin' } })
@@ -221,7 +221,7 @@ export const refreshNpmPackageStats = createServerFn({ method: 'POST' })
   .inputValidator(
     z.object({
       packageName: z.string(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireCapability({ data: { capability: 'admin' } })
@@ -235,7 +235,7 @@ export const refreshNpmPackageStats = createServerFn({ method: 'POST' })
             Accept: 'application/json',
             'User-Agent': 'TanStack-Stats',
           },
-        }
+        },
       )
 
       if (!response.ok) {
@@ -304,7 +304,7 @@ export const listNpmOrgStatsCache = createServerFn({ method: 'POST' }).handler(
         if (legacyPackages.length > 0) {
           const legacyResults = await db.query.npmPackages.findMany({
             where: or(
-              ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg))
+              ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg)),
             ),
           })
           packages = [...packages, ...legacyResults]
@@ -312,7 +312,7 @@ export const listNpmOrgStatsCache = createServerFn({ method: 'POST' }).handler(
 
         const totalRatePerDay = packages.reduce(
           (sum, pkg) => sum + (pkg.ratePerDay ?? 0),
-          0
+          0,
         )
 
         return {
@@ -324,9 +324,9 @@ export const listNpmOrgStatsCache = createServerFn({ method: 'POST' }).handler(
           createdAt: entry.createdAt,
           updatedAt: entry.updatedAt,
         }
-      })
+      }),
     )
-  }
+  },
 )
 
 /**
@@ -351,11 +351,11 @@ export const getLibraryNpmStats = createServerFn({ method: 'POST' }).handler(
 
       // Calculate ratePerDay by summing up all packages' ratePerDay for this library
       const libraryPackages = allPackages.filter(
-        (pkg) => pkg.libraryId === library.id
+        (pkg) => pkg.libraryId === library.id,
       )
       const ratePerDay = libraryPackages.reduce(
         (sum, pkg) => sum + (pkg.ratePerDay ?? 0),
-        0
+        0,
       )
 
       if (!cached) {
@@ -378,7 +378,7 @@ export const getLibraryNpmStats = createServerFn({ method: 'POST' }).handler(
         ratePerDay: ratePerDay > 0 ? ratePerDay : null,
       }
     })
-  }
+  },
 )
 
 /**
@@ -393,7 +393,7 @@ export const refreshAllNpmStats = createServerFn({ method: 'POST' })
   .inputValidator(
     z.object({
       org: z.string().default('tanstack'),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     await requireCapability({ data: { capability: 'admin' } })
diff --git a/src/utils/stats-db.server.ts b/src/utils/stats-db.server.ts
index dfca49c81..123f74b24 100644
--- a/src/utils/stats-db.server.ts
+++ b/src/utils/stats-db.server.ts
@@ -20,7 +20,7 @@ import type { GitHubStats, NpmPackageStats, NpmStats } from './stats.server'
  * Returns a map of packageName -> NpmPackageStats
  */
 export async function getBatchCachedNpmPackageStats(
-  packageNames: string[]
+  packageNames: string[],
 ): Promise<Map<string, NpmPackageStats>> {
   const results = new Map<string, NpmPackageStats>()
 
@@ -58,7 +58,7 @@ export async function getBatchCachedNpmPackageStats(
  */
 export async function getCachedNpmPackageStats(
   packageName: string,
-  ttlHours: number = 24
+  ttlHours: number = 24,
 ): Promise<NpmPackageStats | null> {
   try {
     const cached = await db.query.npmPackages.findFirst({
@@ -102,7 +102,7 @@ export async function setCachedNpmPackageStats(
   packageName: string,
   downloads: number,
   ttlHours: number = 24,
-  ratePerDay?: number
+  ratePerDay?: number,
 ): Promise<void> {
   try {
     const expiresAt = new Date()
@@ -180,7 +180,7 @@ export async function setCachedNpmPackageStats(
         'tanstack',
         packageName,
         oldDownloads,
-        downloads
+        downloads,
       )
     }
   } catch (error) {
@@ -194,7 +194,7 @@ export async function setCachedNpmPackageStats(
  */
 async function updateLibraryStatsCache(
   libraryId: string,
-  downloadDelta: number
+  downloadDelta: number,
 ): Promise<void> {
   try {
     const existing = await db.query.npmLibraryStatsCache.findFirst({
@@ -217,7 +217,7 @@ async function updateLibraryStatsCache(
       })
       const totalDownloads = packages.reduce(
         (sum, pkg) => sum + (pkg.downloads ?? 0),
-        0
+        0,
       )
 
       await db.insert(npmLibraryStatsCache).values({
@@ -230,7 +230,7 @@ async function updateLibraryStatsCache(
   } catch (error) {
     console.error(
       `[Library Stats Cache] Error updating cache for ${libraryId}:`,
-      error
+      error,
     )
   }
 }
@@ -242,7 +242,7 @@ async function updateOrgStatsCache(
   orgName: string,
   packageName: string,
   oldDownloads: number,
-  newDownloads: number
+  newDownloads: number,
 ): Promise<void> {
   try {
     const existing = await db.query.npmOrgStatsCache.findFirst({
@@ -271,13 +271,13 @@ async function updateOrgStatsCache(
       // If org cache doesn't exist, we'll need to compute it from all packages
       // This should be rare - scheduled tasks should create it
       console.warn(
-        `[Org Stats Cache] Cache doesn't exist for ${orgName}, skipping incremental update`
+        `[Org Stats Cache] Cache doesn't exist for ${orgName}, skipping incremental update`,
       )
     }
   } catch (error) {
     console.error(
       `[Org Stats Cache] Error updating cache for ${orgName}:`,
-      error
+      error,
     )
   }
 }
@@ -287,7 +287,7 @@ async function updateOrgStatsCache(
  */
 export async function getCachedNpmOrgStats(
   orgName: string,
-  ttlHours: number = 24
+  ttlHours: number = 24,
 ): Promise<NpmStats | null> {
   try {
     const cached = await db.query.npmOrgStatsCache.findFirst({
@@ -318,7 +318,7 @@ export async function getCachedNpmOrgStats(
       if (legacyPackages.length > 0) {
         const legacyResults = await db.query.npmPackages.findMany({
           where: or(
-            ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg))
+            ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg)),
           ),
         })
         packages = [...packages, ...legacyResults]
@@ -326,7 +326,7 @@ export async function getCachedNpmOrgStats(
 
       const totalRatePerDay = packages.reduce(
         (sum, pkg) => sum + (pkg.ratePerDay ?? 0),
-        0
+        0,
       )
 
       return {
@@ -348,7 +348,7 @@ export async function getCachedNpmOrgStats(
  * Get expired NPM org stats cache if available (for fallback when cache is expired)
  */
 export async function getExpiredNpmOrgStats(
-  orgName: string
+  orgName: string,
 ): Promise<NpmStats | null> {
   try {
     const cached = await db.query.npmOrgStatsCache.findFirst({
@@ -357,7 +357,7 @@ export async function getExpiredNpmOrgStats(
 
     if (cached) {
       console.log(
-        `[NPM Org Stats Cache] Using expired cache for org ${orgName}`
+        `[NPM Org Stats Cache] Using expired cache for org ${orgName}`,
       )
 
       // Calculate org-level ratePerDay from packages in the database
@@ -381,7 +381,7 @@ export async function getExpiredNpmOrgStats(
       if (legacyPackages.length > 0) {
         const legacyResults = await db.query.npmPackages.findMany({
           where: or(
-            ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg))
+            ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg)),
           ),
         })
         packages = [...packages, ...legacyResults]
@@ -389,7 +389,7 @@ export async function getExpiredNpmOrgStats(
 
       const totalRatePerDay = packages.reduce(
         (sum, pkg) => sum + (pkg.ratePerDay ?? 0),
-        0
+        0,
       )
 
       return {
@@ -413,7 +413,7 @@ export async function getExpiredNpmOrgStats(
 export async function setCachedNpmOrgStats(
   orgName: string,
   stats: NpmStats,
-  ttlHours: number = 24
+  ttlHours: number = 24,
 ): Promise<void> {
   try {
     const expiresAt = new Date()
@@ -436,7 +436,7 @@ export async function setCachedNpmOrgStats(
         })
         .where(eq(npmOrgStatsCache.orgName, orgName))
       console.log(
-        `[NPM Org Stats Cache] Updated cache for org ${orgName} (expires at ${expiresAt.toISOString()})`
+        `[NPM Org Stats Cache] Updated cache for org ${orgName} (expires at ${expiresAt.toISOString()})`,
       )
     } else {
       // First time
@@ -447,7 +447,7 @@ export async function setCachedNpmOrgStats(
         expiresAt,
       })
       console.log(
-        `[NPM Org Stats Cache] Created cache for org ${orgName} (expires at ${expiresAt.toISOString()})`
+        `[NPM Org Stats Cache] Created cache for org ${orgName} (expires at ${expiresAt.toISOString()})`,
       )
     }
   } catch (error) {
@@ -483,7 +483,7 @@ export async function getCachedLibraryStats(libraryId: string): Promise<{
   } catch (error) {
     console.error(
       `[Library Stats Cache] Error reading cache for ${libraryId}:`,
-      error
+      error,
     )
     return null
   }
@@ -521,7 +521,7 @@ export async function getAllCachedLibraryStats(): Promise<
  * Get all registered packages for a specific library or all packages
  */
 export async function getRegisteredPackages(
-  libraryId?: string
+  libraryId?: string,
 ): Promise<string[]> {
   try {
     const packages = libraryId
@@ -534,7 +534,7 @@ export async function getRegisteredPackages(
   } catch (error) {
     console.error(
       '[Package Registry] Error fetching packages:',
-      error instanceof Error ? error.message : String(error)
+      error instanceof Error ? error.message : String(error),
     )
     return []
   }
@@ -554,12 +554,12 @@ export async function discoverAndRegisterPackages(org: string): Promise<void> {
           Accept: 'application/json',
           'User-Agent': 'TanStack-Stats',
         },
-      }
+      },
     )
 
     if (!response.ok) {
       throw new Error(
-        `NPM Registry API error: ${response.status} ${response.statusText}`
+        `NPM Registry API error: ${response.status} ${response.statusText}`,
       )
     }
 
@@ -649,7 +649,7 @@ export async function discoverAndRegisterPackages(org: string): Promise<void> {
               packageName.includes(`-${libraryName}-`) ||
               packageName.includes(`-${libraryName}`) ||
               new RegExp(`^@${org}/[a-z]+-${libraryName}$`, 'i').test(
-                packageName
+                packageName,
               )
             ) {
               libraryId = libraryName
@@ -692,7 +692,7 @@ export async function discoverAndRegisterPackages(org: string): Promise<void> {
       } catch (error) {
         console.error(
           `[Package Discovery] Error processing ${packageName}:`,
-          error instanceof Error ? error.message : String(error)
+          error instanceof Error ? error.message : String(error),
         )
         // Continue with next package
       }
@@ -700,7 +700,7 @@ export async function discoverAndRegisterPackages(org: string): Promise<void> {
   } catch (error) {
     console.error(
       '[Package Discovery] Error discovering packages:',
-      error instanceof Error ? error.message : String(error)
+      error instanceof Error ? error.message : String(error),
     )
     throw error
   }
@@ -735,7 +735,7 @@ export async function computeOrgStatsFromCache(org: string): Promise<NpmStats> {
     if (legacyPackages.length > 0) {
       const legacyResults = await db.query.npmPackages.findMany({
         where: or(
-          ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg))
+          ...legacyPackages.map((pkg) => eq(npmPackages.packageName, pkg)),
         ),
       })
       packages = [...packages, ...legacyResults]
@@ -765,8 +765,8 @@ export async function computeOrgStatsFromCache(org: string): Promise<NpmStats> {
       `[Org Stats Recalc] Computed from ${
         packages.length
       } cached packages: ${totalDownloads.toLocaleString()} total downloads, ${Math.round(
-        totalRatePerDay
-      ).toLocaleString()}/day`
+        totalRatePerDay,
+      ).toLocaleString()}/day`,
     )
 
     return {
@@ -777,7 +777,7 @@ export async function computeOrgStatsFromCache(org: string): Promise<NpmStats> {
   } catch (error) {
     console.error(
       `[Org Stats Recalc] Error computing stats for org ${org}:`,
-      error instanceof Error ? error.message : String(error)
+      error instanceof Error ? error.message : String(error),
     )
     return {
       totalDownloads: 0,
@@ -803,7 +803,7 @@ export async function rebuildLibraryCaches(): Promise<void> {
 
       const totalDownloads = packages.reduce(
         (sum, pkg) => sum + (pkg.downloads ?? 0),
-        0
+        0,
       )
 
       const existing = await db.query.npmLibraryStatsCache.findFirst({
@@ -921,7 +921,7 @@ export async function getExpiredGitHubStats(cacheKey: string): Promise<{
 export async function setCachedGitHubStats(
   cacheKey: string,
   stats: GitHubStats,
-  ttlHours: number = 24
+  ttlHours: number = 24,
 ): Promise<void> {
   try {
     const expiresAt = new Date()
@@ -930,7 +930,7 @@ export async function setCachedGitHubStats(
 
     console.log(
       `[GitHub Stats Cache] Attempting to save cache for ${cacheKey} with stats:`,
-      JSON.stringify(stats, null, 2)
+      JSON.stringify(stats, null, 2),
     )
 
     const existing = await db.query.githubStatsCache.findFirst({
@@ -949,7 +949,7 @@ export async function setCachedGitHubStats(
         })
         .where(eq(githubStatsCache.cacheKey, cacheKey))
       console.log(
-        `[GitHub Stats Cache] ✓ Updated cache for ${cacheKey} (expires at ${expiresAt.toISOString()})`
+        `[GitHub Stats Cache] ✓ Updated cache for ${cacheKey} (expires at ${expiresAt.toISOString()})`,
       )
     } else {
       // First time - no previous stats yet
@@ -960,7 +960,7 @@ export async function setCachedGitHubStats(
         expiresAt,
       })
       console.log(
-        `[GitHub Stats Cache] ✓ Created cache for ${cacheKey} (expires at ${expiresAt.toISOString()})`
+        `[GitHub Stats Cache] ✓ Created cache for ${cacheKey} (expires at ${expiresAt.toISOString()})`,
       )
     }
   } catch (error) {
@@ -968,7 +968,7 @@ export async function setCachedGitHubStats(
     const errorStack = error instanceof Error ? error.stack : undefined
     console.error(
       `[GitHub Stats Cache] ✗ Error writing cache for ${cacheKey}:`,
-      errorMessage
+      errorMessage,
     )
     if (errorStack) {
       console.error(`[GitHub Stats Cache] Stack trace:`, errorStack)
diff --git a/src/utils/stats.functions.ts b/src/utils/stats.functions.ts
index 6f4b46b16..b2c240998 100644
--- a/src/utils/stats.functions.ts
+++ b/src/utils/stats.functions.ts
@@ -22,7 +22,7 @@ function parseNumber(value: string | undefined): number | undefined {
  */
 async function scrapeGitHubDependentCount(
   repo: string,
-  maxRetries: number = 3
+  maxRetries: number = 3,
 ): Promise<number | undefined> {
   for (let attempt = 1; attempt <= maxRetries; attempt++) {
     try {
@@ -35,7 +35,7 @@ async function scrapeGitHubDependentCount(
 
       if (!response.ok) {
         console.warn(
-          `[GitHub Scraper] Failed to fetch ${repo} page (${response.status}), attempt ${attempt}/${maxRetries}`
+          `[GitHub Scraper] Failed to fetch ${repo} page (${response.status}), attempt ${attempt}/${maxRetries}`,
         )
         continue
       }
@@ -59,12 +59,12 @@ async function scrapeGitHubDependentCount(
       }
 
       console.warn(
-        `[GitHub Scraper] No dependent count found for ${repo}, attempt ${attempt}/${maxRetries}`
+        `[GitHub Scraper] No dependent count found for ${repo}, attempt ${attempt}/${maxRetries}`,
       )
     } catch (error) {
       console.error(
         `[GitHub Scraper] Error scraping ${repo}, attempt ${attempt}/${maxRetries}:`,
-        error instanceof Error ? error.message : String(error)
+        error instanceof Error ? error.message : String(error),
       )
     }
 
@@ -76,7 +76,7 @@ async function scrapeGitHubDependentCount(
   }
 
   console.warn(
-    `[GitHub Scraper] Failed to scrape dependent count for ${repo} after ${maxRetries} attempts`
+    `[GitHub Scraper] Failed to scrape dependent count for ${repo} after ${maxRetries} attempts`,
   )
   return undefined
 }
@@ -88,7 +88,7 @@ async function scrapeGitHubDependentCount(
  */
 async function scrapeGitHubContributorCount(
   repo: string,
-  maxRetries: number = 3
+  maxRetries: number = 3,
 ): Promise<number | undefined> {
   for (let attempt = 1; attempt <= maxRetries; attempt++) {
     try {
@@ -101,7 +101,7 @@ async function scrapeGitHubContributorCount(
 
       if (!response.ok) {
         console.warn(
-          `[GitHub Scraper] Failed to fetch ${repo} page (${response.status}), attempt ${attempt}/${maxRetries}`
+          `[GitHub Scraper] Failed to fetch ${repo} page (${response.status}), attempt ${attempt}/${maxRetries}`,
         )
         continue
       }
@@ -112,7 +112,7 @@ async function scrapeGitHubContributorCount(
       // Find the contributors link and extract the count from the Counter span
       // Selector: a[href$="/graphs/contributors"] > span.Counter
       const contributorCount = $(
-        `a[href$="/graphs/contributors"] > span.Counter`
+        `a[href$="/graphs/contributors"] > span.Counter`,
       )
         .filter((_, el) => {
           const title = $(el).attr('title')
@@ -127,12 +127,12 @@ async function scrapeGitHubContributorCount(
       }
 
       console.warn(
-        `[GitHub Scraper] No contributor count found for ${repo}, attempt ${attempt}/${maxRetries}`
+        `[GitHub Scraper] No contributor count found for ${repo}, attempt ${attempt}/${maxRetries}`,
       )
     } catch (error) {
       console.error(
         `[GitHub Scraper] Error scraping ${repo}, attempt ${attempt}/${maxRetries}:`,
-        error instanceof Error ? error.message : String(error)
+        error instanceof Error ? error.message : String(error),
       )
     }
 
@@ -144,7 +144,7 @@ async function scrapeGitHubContributorCount(
   }
 
   console.warn(
-    `[GitHub Scraper] Failed to scrape contributor count for ${repo} after ${maxRetries} attempts`
+    `[GitHub Scraper] Failed to scrape contributor count for ${repo} after ${maxRetries} attempts`,
   )
   return undefined
 }
@@ -177,7 +177,7 @@ export async function fetchGitHubRepoStats(repo: string): Promise<GitHubStats> {
               ? new Date(parseInt(rateLimitReset, 10) * 1000)
               : new Date(Date.now() + 60 * 60 * 1000)
             throw new Error(
-              `GitHub API rate limit exceeded. Resets at: ${resetTime.toISOString()}`
+              `GitHub API rate limit exceeded. Resets at: ${resetTime.toISOString()}`,
             )
           }
         }
@@ -194,7 +194,7 @@ export async function fetchGitHubRepoStats(repo: string): Promise<GitHubStats> {
     scrapeGitHubContributorCount(repo).catch((error) => {
       console.error(
         `[GitHub Stats] Contributor count scraping failed for ${repo}:`,
-        error instanceof Error ? error.message : String(error)
+        error instanceof Error ? error.message : String(error),
       )
       return undefined
     }),
@@ -205,7 +205,7 @@ export async function fetchGitHubRepoStats(repo: string): Promise<GitHubStats> {
     scrapeGitHubDependentCount(repo).catch((error) => {
       console.error(
         `[GitHub Stats] Dependent count scraping failed for ${repo}:`,
-        error instanceof Error ? error.message : String(error)
+        error instanceof Error ? error.message : String(error),
       )
       return undefined
     }),
@@ -223,7 +223,7 @@ export async function fetchGitHubRepoStats(repo: string): Promise<GitHubStats> {
  * Fetch GitHub organization statistics (aggregate across all repos)
  */
 export async function fetchGitHubOwnerStats(
-  owner: string
+  owner: string,
 ): Promise<GitHubStats> {
   const token = envFunctions.GITHUB_AUTH_TOKEN
   if (!token || token === 'USE_A_REAL_KEY_IN_PRODUCTION') {
@@ -244,7 +244,7 @@ export async function fetchGitHubOwnerStats(
           Accept: 'application/vnd.github.v3+json',
           'User-Agent': 'TanStack-Stats',
         },
-      }
+      },
     )
 
     if (!response.ok) {
@@ -258,27 +258,27 @@ export async function fetchGitHubOwnerStats(
             ? new Date(parseInt(rateLimitReset, 10) * 1000)
             : new Date(Date.now() + 60 * 60 * 1000) // Default to 1 hour
           console.error(
-            `[GitHub API] Rate limit exceeded. Resets at: ${resetTime.toISOString()}`
+            `[GitHub API] Rate limit exceeded. Resets at: ${resetTime.toISOString()}`,
           )
           throw new Error(
-            `GitHub API rate limit exceeded. Resets at: ${resetTime.toISOString()}`
+            `GitHub API rate limit exceeded. Resets at: ${resetTime.toISOString()}`,
           )
         }
 
         // 403 without rate limit means permission issue
         const errorText = await response.text().catch(() => 'Unknown error')
         console.error(
-          `[GitHub API] 403 Forbidden for org/${owner}. Token may lack required permissions. Error: ${errorText}`
+          `[GitHub API] 403 Forbidden for org/${owner}. Token may lack required permissions. Error: ${errorText}`,
         )
         throw new Error(
-          `GitHub API 403 Forbidden. Token may lack required permissions for organization access.`
+          `GitHub API 403 Forbidden. Token may lack required permissions for organization access.`,
         )
       }
 
       // Handle other errors
       const errorText = await response.text().catch(() => 'Unknown error')
       console.error(
-        `[GitHub API] Error ${response.status} fetching org/${owner}: ${errorText}`
+        `[GitHub API] Error ${response.status} fetching org/${owner}: ${errorText}`,
       )
       throw new Error(`GitHub API error: ${response.status} - ${errorText}`)
     }
@@ -295,12 +295,12 @@ export async function fetchGitHubOwnerStats(
   // Aggregate stats
   const starCount = repos.reduce(
     (sum, repo) => sum + (repo.stargazers_count ?? 0),
-    0
+    0,
   )
 
   const forkCount = repos.reduce(
     (sum, repo) => sum + (repo.forks_count ?? 0),
-    0
+    0,
   )
 
   const repositoryCount = repos.length
@@ -317,14 +317,14 @@ export async function fetchGitHubOwnerStats(
           scrapeGitHubContributorCount(repo.full_name).catch((error) => {
             console.error(
               `[GitHub Stats] Contributor count scraping failed for ${repo.full_name}:`,
-              error instanceof Error ? error.message : String(error)
+              error instanceof Error ? error.message : String(error),
             )
             return undefined
           }),
           scrapeGitHubDependentCount(repo.full_name).catch((error) => {
             console.error(
               `[GitHub Stats] Dependent count scraping failed for ${repo.full_name}:`,
-              error instanceof Error ? error.message : String(error)
+              error instanceof Error ? error.message : String(error),
             )
             return undefined
           }),
@@ -336,24 +336,24 @@ export async function fetchGitHubOwnerStats(
       } catch (error) {
         console.error(
           `[GitHub Stats] Failed to scrape stats for ${repo.full_name}:`,
-          error instanceof Error ? error.message : String(error)
+          error instanceof Error ? error.message : String(error),
         )
         return {
           contributorCount: 0,
           dependentCount: 0,
         }
       }
-    })
+    }),
   )
 
   const totalContributorCount = repoStats.reduce(
     (sum, stats) => sum + stats.contributorCount,
-    0
+    0,
   )
 
   const totalDependentCount = repoStats.reduce(
     (sum, stats) => sum + stats.dependentCount,
-    0
+    0,
   )
 
   return {
@@ -369,7 +369,7 @@ export async function fetchGitHubOwnerStats(
  * Fetch package creation date from npm registry
  */
 async function fetchNpmPackageCreationDate(
-  packageName: string
+  packageName: string,
 ): Promise<string> {
   try {
     const response = await fetch(`https://registry.npmjs.com/${packageName}`, {
@@ -381,7 +381,7 @@ async function fetchNpmPackageCreationDate(
 
     if (!response.ok) {
       console.warn(
-        `[NPM Stats] Could not fetch creation date for ${packageName}, using 2015-01-10`
+        `[NPM Stats] Could not fetch creation date for ${packageName}, using 2015-01-10`,
       )
       return '2015-01-10' // npm download data starts from this date
     }
@@ -391,7 +391,7 @@ async function fetchNpmPackageCreationDate(
   } catch (error) {
     console.warn(
       `[NPM Stats] Error fetching creation date for ${packageName}:`,
-      error instanceof Error ? error.message : String(error)
+      error instanceof Error ? error.message : String(error),
     )
     return '2015-01-10' // npm download data starts from this date
   }
@@ -407,7 +407,7 @@ async function fetchNpmPackageCreationDate(
  */
 async function fetchNpmPackageDownloadsChunked(
   packageName: string,
-  createdDate: string
+  createdDate: string,
 ): Promise<{ totalDownloads: number; ratePerDay: number }> {
   const currentDateIso = new Date().toISOString().substring(0, 10)
   let nextDate = new Date(createdDate)
@@ -448,13 +448,13 @@ async function fetchNpmPackageDownloadsChunked(
               Accept: 'application/json',
               'User-Agent': 'TanStack-Stats',
             },
-          }
+          },
         )
 
         if (!response.ok) {
           if (response.status === 404) {
             console.log(
-              `[NPM Stats] ${packageName} chunk ${chunk.from}:${chunk.to}: not found`
+              `[NPM Stats] ${packageName} chunk ${chunk.from}:${chunk.to}: not found`,
             )
             success = true // Exit retry loop
             continue
@@ -465,7 +465,7 @@ async function fetchNpmPackageDownloadsChunked(
             // Use fixed 60 second wait time instead
             const waitTime = 60000 // 60 seconds
             console.warn(
-              `[NPM Stats] Rate limited on ${packageName} chunk ${chunk.from}:${chunk.to}, waiting ${waitTime}ms...`
+              `[NPM Stats] Rate limited on ${packageName} chunk ${chunk.from}:${chunk.to}, waiting ${waitTime}ms...`,
             )
             await new Promise((resolve) => setTimeout(resolve, waitTime))
             continue // Retry this chunk
@@ -486,7 +486,7 @@ async function fetchNpmPackageDownloadsChunked(
 
         const downloadCount = pageData.downloads.reduce(
           (acc, cur) => acc + cur.downloads,
-          0
+          0,
         )
 
         totalDownloadCount += downloadCount
@@ -499,7 +499,7 @@ async function fetchNpmPackageDownloadsChunked(
         // For non-rate-limit errors, throw to fail the whole package
         console.error(
           `[NPM Stats] Error fetching chunk ${chunk.from}:${chunk.to} for ${packageName}:`,
-          error instanceof Error ? error.message : String(error)
+          error instanceof Error ? error.message : String(error),
         )
         throw error
       }
@@ -526,24 +526,23 @@ async function fetchNpmPackageDownloadsChunked(
 export async function fetchSingleNpmPackageFresh(
   packageName: string,
   retries: number = 3,
-  skipCache: boolean = false
+  skipCache: boolean = false,
 ): Promise<NpmPackageStats> {
   // Import db functions dynamically to avoid pulling server code into client bundle
-  const { getCachedNpmPackageStats, setCachedNpmPackageStats } = await import(
-    './stats-db.server'
-  )
+  const { getCachedNpmPackageStats, setCachedNpmPackageStats } =
+    await import('./stats-db.server')
 
   // Only check cache if not skipping it
   if (skipCache) {
     console.log(
-      `[NPM Stats] Bypassing cache for ${packageName} (skipCache=true)`
+      `[NPM Stats] Bypassing cache for ${packageName} (skipCache=true)`,
     )
     // Skip cache check entirely when forcing refresh
   } else {
     const cached = await getCachedNpmPackageStats(packageName)
     if (cached !== null) {
       console.log(
-        `[NPM Stats] Using cached data for ${packageName} (skipCache=false)`
+        `[NPM Stats] Using cached data for ${packageName} (skipCache=false)`,
       )
       return cached
     }
@@ -563,7 +562,7 @@ export async function fetchSingleNpmPackageFresh(
       // This is the correct method as /point/ is limited to 18 months
       const result = await fetchNpmPackageDownloadsChunked(
         packageName,
-        createdDate
+        createdDate,
       )
 
       // Capture timestamp when data was fetched
@@ -574,7 +573,7 @@ export async function fetchSingleNpmPackageFresh(
         packageName,
         result.totalDownloads,
         24,
-        result.ratePerDay
+        result.ratePerDay,
       )
 
       return {
@@ -590,13 +589,13 @@ export async function fetchSingleNpmPackageFresh(
         const waitTime = Math.pow(2, attempt) * 1000
         console.warn(
           `[NPM Stats] Error fetching ${packageName}, retrying in ${waitTime}ms...`,
-          lastError.message
+          lastError.message,
         )
         await new Promise((resolve) => setTimeout(resolve, waitTime))
       } else {
         console.error(
           `[NPM Stats] Error fetching ${packageName} after all retries:`,
-          lastError.message
+          lastError.message,
         )
         return { downloads: 0 }
       }
@@ -625,12 +624,12 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
             Accept: 'application/json',
             'User-Agent': 'TanStack-Stats',
           },
-        }
+        },
       )
 
       if (!response.ok) {
         console.error(
-          `[NPM Stats] Org packages fetch failed: ${response.status} ${response.statusText}`
+          `[NPM Stats] Org packages fetch failed: ${response.status} ${response.statusText}`,
         )
         if (response.status === 429) {
           // Note: NPM's Retry-After header is unreliable (often returns "0")
@@ -640,7 +639,7 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
           console.warn(
             `[NPM Stats] Rate limited fetching org packages, waiting ${waitTime}ms before retry (attempt ${
               4 - retries
-            }/3)...`
+            }/3)...`,
           )
 
           if (retries > 1) {
@@ -691,7 +690,7 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
             const stats = await fetchSingleNpmPackageFresh(
               packageName,
               3,
-              true // Always skip cache for org refresh
+              true, // Always skip cache for org refresh
             )
             return stats
           },
@@ -708,7 +707,7 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
                 console.log(
                   `[NPM Stats] Progress: ${successCount + failCount}/${
                     packageNames.length
-                  } packages`
+                  } packages`,
                 )
               }
             },
@@ -717,7 +716,7 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
               console.error(
                 `[NPM Stats] Failed ${packageName}: ${
                   error instanceof Error ? error.message : String(error)
-                }`
+                }`,
               )
               // Store 0 for failed packages
               const zeroStats = { downloads: 0 }
@@ -725,11 +724,11 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
             },
             onIdle: () => {
               console.log(
-                `[NPM Stats] Completed: ${successCount} successful, ${failCount} failed`
+                `[NPM Stats] Completed: ${successCount} successful, ${failCount} failed`,
               )
               resolve()
             },
-          }
+          },
         )
 
         // Add all packages to the queue
@@ -771,13 +770,13 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
         const waitTime = Math.pow(2, 4 - retries) * 1000
         console.warn(
           `[NPM Stats] Error fetching org stats for ${org}, retrying in ${waitTime}ms...`,
-          lastError.message
+          lastError.message,
         )
         await new Promise((resolve) => setTimeout(resolve, waitTime))
       } else {
         console.error(
           `[NPM Stats] Error fetching org stats for ${org} after all retries:`,
-          lastError.message
+          lastError.message,
         )
         return { totalDownloads: 0, packageStats: {} }
       }
@@ -795,9 +794,8 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
  */
 export async function refreshNpmOrgStats(org: string): Promise<NpmStats> {
   // Import db functions dynamically to avoid pulling server code into client bundle
-  const { discoverAndRegisterPackages, setCachedNpmOrgStats } = await import(
-    './stats-db.server'
-  )
+  const { discoverAndRegisterPackages, setCachedNpmOrgStats } =
+    await import('./stats-db.server')
 
   // First, discover and register all packages
   try {
@@ -805,7 +803,7 @@ export async function refreshNpmOrgStats(org: string): Promise<NpmStats> {
   } catch (error) {
     console.error(
       '[NPM Org Stats] Package discovery failed, continuing with stats refresh:',
-      error instanceof Error ? error.message : String(error)
+      error instanceof Error ? error.message : String(error),
     )
   }
 
diff --git a/src/utils/stats.server.ts b/src/utils/stats.server.ts
index 1e5d847d4..3f74a4a73 100644
--- a/src/utils/stats.server.ts
+++ b/src/utils/stats.server.ts
@@ -77,7 +77,7 @@ export type StatsQueryParams = {
  * Uses batched database query for better performance
  */
 export async function fetchNpmPackageStats(
-  packageNames: string[]
+  packageNames: string[],
 ): Promise<NpmStats> {
   // Handle empty array case
   if (packageNames.length === 0) {
@@ -138,9 +138,8 @@ export async function fetchNpmPackageStats(
  */
 async function fetchNpmOrgStats(org: string): Promise<NpmStats> {
   // Import db functions dynamically to avoid pulling server code into client bundle
-  const { getCachedNpmOrgStats, getExpiredNpmOrgStats } = await import(
-    './stats-db.server'
-  )
+  const { getCachedNpmOrgStats, getExpiredNpmOrgStats } =
+    await import('./stats-db.server')
 
   // Try cache first
   const cached = await getCachedNpmOrgStats(org)
@@ -172,7 +171,7 @@ function calculateDelta(
   currentGitHub: GitHubStats,
   previousNpm: NpmStats | null,
   currentNpm: NpmStats,
-  timeDeltaMs: number
+  timeDeltaMs: number,
 ): OSSStatsWithDelta {
   return {
     github: currentGitHub,
@@ -220,7 +219,7 @@ export const getOSSStats = createServerFn({ method: 'POST' })
           frameworks: z.array(z.string()).optional(),
         })
         .optional(),
-    })
+    }),
   )
   .handler(async ({ data }): Promise<OSSStatsWithDelta> => {
     // Add HTTP caching headers for better performance
@@ -231,7 +230,7 @@ export const getOSSStats = createServerFn({ method: 'POST' })
           'public, max-age=300, stale-while-revalidate=3600, stale-if-error=3600',
         'CDN-Cache-Control': 'max-age=300, stale-while-revalidate=3600',
         'Netlify-Vary': 'query=data',
-      })
+      }),
     )
 
     let githubCacheKey: string
@@ -257,7 +256,7 @@ export const getOSSStats = createServerFn({ method: 'POST' })
         npmPackageNames = [`@tanstack/${data.library.id}`]
         console.warn(
           `[OSS Stats] No registered packages found for ${data.library.id}, using fallback:`,
-          npmPackageNames
+          npmPackageNames,
         )
       }
     } else {
@@ -318,6 +317,6 @@ export const getOSSStats = createServerFn({ method: 'POST' })
       githubStats,
       null, // NPM delta calculated from individual package rates
       npmStats,
-      githubTimeDeltaMs
+      githubTimeDeltaMs,
     )
   })
diff --git a/src/utils/useLocalStorage.ts b/src/utils/useLocalStorage.ts
index 99ea94992..6a21c506f 100644
--- a/src/utils/useLocalStorage.ts
+++ b/src/utils/useLocalStorage.ts
@@ -32,7 +32,7 @@ function getWithExpiry<T>(key: string) {
 export function useLocalStorage<T>(
   key: string,
   defaultValue: T,
-  ttl?: number
+  ttl?: number,
 ): [T, typeof setValue] {
   const [value, setValue] = useState(defaultValue)
 
@@ -47,7 +47,7 @@ export function useLocalStorage<T>(
       JSON.stringify({
         value,
         ttl: ttl ? new Date().getTime() + ttl : null,
-      })
+      }),
     )
   }, [key, value, ttl])
 
diff --git a/src/utils/users.server.ts b/src/utils/users.server.ts
index aa767028d..16f57c7aa 100644
--- a/src/utils/users.server.ts
+++ b/src/utils/users.server.ts
@@ -44,7 +44,7 @@ export const listUsers = createServerFn({ method: 'POST' })
       .transform((data) => ({
         ...data,
         capabilityFilter: data.capabilityFilter as Capability[] | undefined,
-      }))
+      })),
   )
   .handler(async ({ data }) => {
     if (!data || !data.pagination) {
@@ -74,8 +74,8 @@ export const listUsers = createServerFn({ method: 'POST' })
       conditions.push(
         or(
           sql`LOWER(${users.name}) LIKE ${`%${nameLower}%`}`,
-          sql`LOWER(${users.displayUsername}) LIKE ${`%${nameLower}%`}`
-        )
+          sql`LOWER(${users.displayUsername}) LIKE ${`%${nameLower}%`}`,
+        ),
       )
     }
 
@@ -94,8 +94,8 @@ export const listUsers = createServerFn({ method: 'POST' })
         .join(',')
       conditions.push(
         sql`${users.capabilities} && ARRAY[${sql.raw(
-          filterArrayValues
-        )}]::capability[]`
+          filterArrayValues,
+        )}]::capability[]`,
       )
     }
 
@@ -107,7 +107,7 @@ export const listUsers = createServerFn({ method: 'POST' })
     // Interested in hiding ads filter
     if (typeof data.interestedInHidingAdsFilter === 'boolean') {
       conditions.push(
-        eq(users.interestedInHidingAds, data.interestedInHidingAdsFilter)
+        eq(users.interestedInHidingAds, data.interestedInHidingAdsFilter),
       )
     }
 
@@ -236,7 +236,7 @@ export const updateUserCapabilities = createServerFn({ method: 'POST' })
     z.object({
       userId: z.string().uuid(),
       capabilities: z.array(z.enum(['admin', 'disableAds', 'builder', 'feed'])),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     // Validate admin capability
@@ -267,7 +267,7 @@ export const adminSetAdsDisabled = createServerFn({ method: 'POST' })
     z.object({
       userId: z.string().uuid(),
       adsDisabled: z.boolean(),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     // Validate admin capability
@@ -296,7 +296,7 @@ export const bulkUpdateUserCapabilities = createServerFn({ method: 'POST' })
     z.object({
       userIds: z.array(z.string().uuid()),
       capabilities: z.array(z.enum(['admin', 'disableAds', 'builder', 'feed'])),
-    })
+    }),
   )
   .handler(async ({ data }) => {
     // Validate admin capability
@@ -321,7 +321,7 @@ export const bulkUpdateUserCapabilities = createServerFn({ method: 'POST' })
           .update(users)
           .set({ capabilities, updatedAt: new Date() })
           .where(eq(users.id, userId))
-      })
+      }),
     )
 
     return { success: true, updated: data.userIds.length }
@@ -333,7 +333,7 @@ export const revokeUserSessions = createServerFn({ method: 'POST' })
   .inputValidator(
     z.object({
       userId: z.string(),
-    })
+    }),
   )
   .handler(async ({ data: { userId } }) => {
     const user = await db.query.users.findFirst({
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
index e5b0cd79d..ebfe51d04 100644
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@@ -38,7 +38,7 @@ export function last<T>(arr: T[]) {
  */
 export function generatePath(
   id: string,
-  params: Record<string, string | undefined>
+  params: Record<string, string | undefined>,
 ) {
   let result = id.replace('routes', '').replaceAll('.', '/')
   Object.entries(params).forEach(([key, value]) => {
@@ -90,7 +90,7 @@ function hashString(str: string): number {
 export function shuffleWithSeed<T>(
   arr: T[],
   seed: string,
-  keyAccessor: (item: T) => string
+  keyAccessor: (item: T) => string,
 ): T[] {
   return [...arr].sort((a, b) => {
     const hashA = hashString(keyAccessor(a) + seed)
@@ -173,7 +173,7 @@ export function isNumericString(str: string): boolean {
  */
 export function multiSortBy<T>(
   arr: Array<T>,
-  accessors: Array<(item: T) => any> = [(d) => d]
+  accessors: Array<(item: T) => any> = [(d) => d],
 ): Array<T> {
   return arr
     .map((d, i) => [d, i] as const)
@@ -217,7 +217,7 @@ export function removeLeadingSlash(path: string): string {
  */
 export async function logTime<T>(
   lable: string,
-  fn: () => T
+  fn: () => T,
 ): Promise<T extends Promise<infer U> ? U : T> {
   const start = performance.now()
   const result = await fn()