diff --git a/scripts/test-npm-cache.ts b/scripts/test-npm-cache.ts
index cb79cb8f..7184d13f 100644
--- a/scripts/test-npm-cache.ts
+++ b/scripts/test-npm-cache.ts
@@ -3,11 +3,10 @@
  * Tests that chunks are properly cached and retrieved
  */
 
-import { db } from '../src/db/client'
 import {
   getCachedNpmDownloadChunk,
   setCachedNpmDownloadChunk,
-} from '../src/utils/stats-db.server'
+} from '~/utils/stats-db.server'
 
 async function testCache() {
   console.log('\n' + '='.repeat(80))
diff --git a/src/auth/context.server.ts b/src/auth/context.server.ts
index de2a152e..e05f84fb 100644
--- a/src/auth/context.server.ts
+++ b/src/auth/context.server.ts
@@ -11,7 +11,6 @@ import { OAuthService } from './oauth.server'
 import { SessionService } from './session.server'
 import { createAuthGuards } from './guards.server'
 import {
-  createRepositories,
   DrizzleUserRepository,
   DrizzleOAuthAccountRepository,
   DrizzleCapabilitiesRepository,
diff --git a/src/components/AILibraryHero.tsx b/src/components/AILibraryHero.tsx
index 398628d9..60a1b2fb 100644
--- a/src/components/AILibraryHero.tsx
+++ b/src/components/AILibraryHero.tsx
@@ -94,7 +94,7 @@ const MESSAGES = [
   },
 ]
 
-export function AILibraryHero({ project, cta, actions }: AILibraryHeroProps) {
+export function AILibraryHero({}: AILibraryHeroProps) {
   const isDark = useIsDark()
   const strokeColor = isDark ? 'rgba(255, 255, 255, 0.8)' : 'rgba(0, 0, 0, 0.6)'
   const textColor = isDark ? '#ffffff' : '#000000'
diff --git a/src/components/BlockWithFeedback.tsx b/src/components/BlockWithFeedback.tsx
index 8b0cd889..06f49af8 100644
--- a/src/components/BlockWithFeedback.tsx
+++ b/src/components/BlockWithFeedback.tsx
@@ -41,7 +41,6 @@ export function BlockWithFeedback({
     return feedback.userNotes.find((n) => n.blockSelector === blockSelector)
   }, [feedback.userNotes, blockSelector])
 
-  const isCollapsed = note ? feedback.collapsedNotes.has(note.id) : false
   const hasNote = !!note
 
   const handleAddNote = React.useCallback(() => {
diff --git a/src/components/CookieConsent.tsx b/src/components/CookieConsent.tsx
index cd8e41fe..0ac2a9a1 100644
--- a/src/components/CookieConsent.tsx
+++ b/src/components/CookieConsent.tsx
@@ -1,5 +1,5 @@
 import { Link } from '@tanstack/react-router'
-import { useCallback, useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 declare global {
   interface Window {
@@ -134,6 +134,7 @@ export default function CookieConsent() {
     }
 
     checkLocationAndSetConsent()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   const acceptAllCookies = () => {
diff --git a/src/components/Doc.tsx b/src/components/Doc.tsx
index 88f7d611..c7d2b5e2 100644
--- a/src/components/Doc.tsx
+++ b/src/components/Doc.tsx
@@ -182,7 +182,7 @@ function DocContent({
               href={`https://github.com/${repo}/edit/${branch}/${filePath}`}
               className="flex items-center gap-2"
             >
-              <SquarePen size={16} /> Edit on GitHub
+              <SquarePen /> Edit on GitHub
             </a>
           </div>
           <div className="h-24" />
diff --git a/src/components/DocFeedbackFloatingButton.tsx b/src/components/DocFeedbackFloatingButton.tsx
index 75d2b9a5..089077e7 100644
--- a/src/components/DocFeedbackFloatingButton.tsx
+++ b/src/components/DocFeedbackFloatingButton.tsx
@@ -59,6 +59,7 @@ export function DocFeedbackFloatingButton({
       document.removeEventListener('mousedown', handleClickOutside)
       document.removeEventListener('keydown', handleEscape)
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMenuOpen])
 
   const handleButtonClick = (e: React.MouseEvent) => {
@@ -86,6 +87,7 @@ export function DocFeedbackFloatingButton({
   }
 
   return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     <div
       ref={buttonRef}
       className="doc-feedback-floating-btn absolute top-0 right-0 -translate-y-full z-[100]"
diff --git a/src/components/DocFeedbackNote.tsx b/src/components/DocFeedbackNote.tsx
index b8220a8a..24601c87 100644
--- a/src/components/DocFeedbackNote.tsx
+++ b/src/components/DocFeedbackNote.tsx
@@ -298,6 +298,7 @@ export function DocFeedbackNote({
   }
 
   return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     <div
       className={twMerge(
         inline ? 'w-full' : 'fixed z-40 w-80 max-w-[calc(100vw-2rem)]',
@@ -334,6 +335,7 @@ export function DocFeedbackNote({
         )}
 
         {/* Header - always visible */}
+        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
         <div
           className={twMerge(
             `flex flex-col gap-1 p-2 ${colors.header}`,
diff --git a/src/components/DocsLayout.tsx b/src/components/DocsLayout.tsx
index 9a10df7c..b2a88338 100644
--- a/src/components/DocsLayout.tsx
+++ b/src/components/DocsLayout.tsx
@@ -288,8 +288,8 @@ export function DocsLayout({
       >
         <summary className="py-2 px-4 flex gap-2 items-center justify-between">
           <div className="flex-1 flex gap-4 items-center">
-            <TextAlignStart className="icon-open cursor-pointer" size={16} />
-            <X className="icon-close cursor-pointer" size={16} />
+            <TextAlignStart className="icon-open cursor-pointer" />
+            <X className="icon-close cursor-pointer" />
             Documentation
           </div>
         </summary>
@@ -359,7 +359,7 @@ export function DocsLayout({
                   className="py-1 px-2 bg-white/70 text-black dark:bg-gray-500/40 dark:text-white shadow-lg shadow-black/20 flex items-center justify-center backdrop-blur-sm z-20 rounded-lg overflow-hidden"
                 >
                   <div className="flex gap-2 items-center font-bold">
-                    <ArrowLeft size={16} />
+                    <ArrowLeft />
                     {prevItem.label}
                   </div>
                 </Link>
@@ -379,7 +379,7 @@ export function DocsLayout({
                     >
                       {nextItem.label}
                     </span>{' '}
-                    <ArrowRight className={textColor} size={16} />
+                    <ArrowRight className={textColor} />
                   </div>
                 </Link>
               ) : null}
diff --git a/src/components/FeedFilters.tsx b/src/components/FeedFilters.tsx
index d677fb25..534f36f1 100644
--- a/src/components/FeedFilters.tsx
+++ b/src/components/FeedFilters.tsx
@@ -136,7 +136,7 @@ export function FeedFilters({
   // Update filters when debounced search changes
   React.useEffect(() => {
     onFiltersChange({ search: debouncedSearch || undefined })
-  }, [debouncedSearch])
+  }, [debouncedSearch, onFiltersChange])
 
   // Sync local state with prop when search prop changes externally
   React.useEffect(() => {
@@ -176,7 +176,7 @@ export function FeedFilters({
     featured !== undefined ||
     search ||
     (selectedReleaseLevels && selectedReleaseLevels.length > 0) ||
-    (includePrerelease !== undefined && includePrerelease !== true),
+    (includePrerelease !== undefined && !includePrerelease),
   )
 
   // Render filter content (shared between mobile and desktop)
@@ -383,6 +383,7 @@ export function FeedFilters({
           compact
         />
       )}
+      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
       <div onClick={(e) => e.stopPropagation()} className="flex-shrink-0">
         <FilterSearch
           value={searchInput}
diff --git a/src/components/FeedList.tsx b/src/components/FeedList.tsx
index 86329dbc..5f4752d1 100644
--- a/src/components/FeedList.tsx
+++ b/src/components/FeedList.tsx
@@ -58,7 +58,6 @@ interface FeedListProps {
 export function FeedList({
   query,
   infiniteQuery,
-  filters,
   currentPage,
   pageSize,
   onPageChange,
@@ -66,8 +65,6 @@ export function FeedList({
   viewMode = 'table',
   expandedIds,
   onExpandedChange,
-  onViewModeChange,
-  onFiltersChange,
   adminActions,
 }: FeedListProps) {
   // For timeline mode, use infinite query
diff --git a/src/components/FeedPage.tsx b/src/components/FeedPage.tsx
index 2791265d..b37c9935 100644
--- a/src/components/FeedPage.tsx
+++ b/src/components/FeedPage.tsx
@@ -1,7 +1,5 @@
-import { useState, useEffect, useMemo } from 'react'
-import { ReactNode } from 'react'
+import { useState, useEffect } from 'react'
 import { useMounted } from '~/hooks/useMounted'
-import { Footer } from '~/components/Footer'
 import { FeedList } from '~/components/FeedList'
 import { FeedFilters as FeedFiltersComponent } from '~/components/FeedFilters'
 import { useFeedQuery } from '~/hooks/useFeedQuery'
@@ -15,7 +13,6 @@ import {
   getFeedFacetCountsQueryOptions,
   type FeedFilters,
 } from '~/queries/feed'
-import { twMerge } from 'tailwind-merge'
 
 // Re-export FeedFilters as FeedFiltersState for backwards compatibility
 export type FeedFiltersState = FeedFilters
@@ -235,32 +232,6 @@ export function FeedPage({
   const currentPage = effectiveFilters.page ?? 1
   const pageSize = effectiveFilters.pageSize ?? 50
 
-  // Convert FeedFiltersState to FeedFilters format
-  const feedFilters = useMemo(
-    () => ({
-      entryTypes: normalizeFilter(effectiveFilters.entryTypes),
-      libraries: normalizeFilter(effectiveFilters.libraries),
-      partners: normalizeFilter(effectiveFilters.partners),
-      tags: normalizeFilter(effectiveFilters.tags),
-      releaseLevels: normalizeFilter(effectiveFilters.releaseLevels) as any,
-      includePrerelease: effectiveFilters.includePrerelease,
-      featured: effectiveFilters.featured,
-      search: effectiveFilters.search,
-      includeHidden: adminActions !== undefined,
-    }),
-    [
-      effectiveFilters.entryTypes,
-      effectiveFilters.libraries,
-      effectiveFilters.partners,
-      effectiveFilters.tags,
-      effectiveFilters.releaseLevels,
-      effectiveFilters.includePrerelease,
-      effectiveFilters.featured,
-      effectiveFilters.search,
-      adminActions,
-    ],
-  )
-
   return (
     <div className="p-2 sm:p-4 pb-0 flex flex-col max-w-full gap-2 sm:gap-4 relative">
       <div className="flex-1 space-y-2 sm:space-y-4 w-full max-w-7xl mx-auto flex flex-col lg:flex-row gap-2 min-h-0">
diff --git a/src/components/FeedPageLayout.tsx b/src/components/FeedPageLayout.tsx
index 14cccc00..1f759d24 100644
--- a/src/components/FeedPageLayout.tsx
+++ b/src/components/FeedPageLayout.tsx
@@ -14,7 +14,6 @@ import {
   getFeedFacetCountsQueryOptions,
   type FeedFilters,
 } from '~/queries/feed'
-import { twMerge } from 'tailwind-merge'
 import { Spinner } from '~/components/Spinner'
 
 // Re-export FeedFilters as FeedFiltersState for backwards compatibility
@@ -211,7 +210,6 @@ function FeedPageLayoutContent({ children }: { children?: ReactNode }) {
     feedQuery,
     currentPage,
     pageSize,
-    filters = {},
     onPageChange,
     onPageSizeChange,
     viewMode = 'table',
@@ -222,31 +220,6 @@ function FeedPageLayoutContent({ children }: { children?: ReactNode }) {
     adminActions,
   } = useFeedPageLayout()
 
-  // Convert FeedFiltersState to FeedFilters format
-  const feedFilters = React.useMemo(() => {
-    if (!filters) {
-      return {
-        includeHidden: adminActions !== undefined,
-      }
-    }
-
-    const normalizeFilter = <T,>(value: T[] | undefined): T[] | undefined => {
-      return value && value.length > 0 ? value : undefined
-    }
-
-    return {
-      entryTypes: normalizeFilter(filters.entryTypes),
-      libraries: normalizeFilter(filters.libraries),
-      partners: normalizeFilter(filters.partners),
-      tags: normalizeFilter(filters.tags),
-      releaseLevels: normalizeFilter(filters.releaseLevels) as any,
-      includePrerelease: filters.includePrerelease,
-      featured: filters.featured,
-      search: filters.search,
-      includeHidden: adminActions !== undefined,
-    }
-  }, [filters, adminActions])
-
   return (
     <main className="flex-1 min-w-0 relative flex flex-col">
       <FeedList
diff --git a/src/components/FeedbackLeaderboard.tsx b/src/components/FeedbackLeaderboard.tsx
index 0f9a7b05..7f6db191 100644
--- a/src/components/FeedbackLeaderboard.tsx
+++ b/src/components/FeedbackLeaderboard.tsx
@@ -67,9 +67,9 @@ export function FeedbackLeaderboard() {
   }
 
   const getRankIcon = (rank: number) => {
-    if (rank === 1) return <Trophy className="text-yellow-500" size={14} />
-    if (rank === 2) return <Medal className="text-gray-400" size={14} />
-    if (rank === 3) return <Medal className="text-amber-600" size={14} />
+    if (rank === 1) return <Trophy className="text-yellow-500" />
+    if (rank === 2) return <Medal className="text-gray-400" />
+    if (rank === 3) return <Medal className="text-amber-600" />
     return null
   }
 
diff --git a/src/components/FeedbackModerationFilters.tsx b/src/components/FeedbackModerationFilters.tsx
index f35aaed0..ea16c930 100644
--- a/src/components/FeedbackModerationFilters.tsx
+++ b/src/components/FeedbackModerationFilters.tsx
@@ -171,7 +171,10 @@ export function FeedbackModerationFilters({
       >
         <div className="space-y-3">
           <div>
-            <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">
+            <label
+              htmlFor="date-from"
+              className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1"
+            >
               From
             </label>
             <input
@@ -182,7 +185,10 @@ export function FeedbackModerationFilters({
             />
           </div>
           <div>
-            <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">
+            <label
+              htmlFor="date-to"
+              className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1"
+            >
               To
             </label>
             <input
diff --git a/src/components/FeedbackModerationList.tsx b/src/components/FeedbackModerationList.tsx
index 45f4d973..d9666921 100644
--- a/src/components/FeedbackModerationList.tsx
+++ b/src/components/FeedbackModerationList.tsx
@@ -169,9 +169,9 @@ export function FeedbackModerationList({
                   <TableCell>
                     <div className="flex items-center gap-2">
                       {feedback.type === 'note' ? (
-                        <MessageSquare className="text-blue-500" size={14} />
+                        <MessageSquare className="text-blue-500" />
                       ) : (
-                        <Lightbulb className="text-yellow-500" size={14} />
+                        <Lightbulb className="text-yellow-500" />
                       )}
                       <span className="text-xs">
                         {feedback.type === 'note' ? 'Note' : 'Improvement'}
@@ -208,7 +208,7 @@ export function FeedbackModerationList({
                     </span>
                     {feedback.isDetached && (
                       <div className="flex items-center gap-1 text-xs text-yellow-600 dark:text-yellow-400 mt-1">
-                        <TriangleAlert size={12} />
+                        <TriangleAlert />
                         Detached
                       </div>
                     )}
@@ -237,7 +237,7 @@ export function FeedbackModerationList({
                           className="px-3 py-1 text-xs font-medium text-white bg-red-600 hover:bg-red-700 rounded transition-colors"
                           title="Deny"
                         >
-                          <X size={14} />
+                          <X />
                         </button>
                       </div>
                     )}
diff --git a/src/components/FileExplorer.tsx b/src/components/FileExplorer.tsx
index 360864e4..becfbf06 100644
--- a/src/components/FileExplorer.tsx
+++ b/src/components/FileExplorer.tsx
@@ -229,6 +229,7 @@ export function FileExplorer({
           </div>
         ) : null}
       </div>
+      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
       <div
         className={`w-1 cursor-col-resize hover:bg-gray-300 dark:hover:bg-gray-600 active:bg-gray-400 dark:active:bg-gray-500 ${
           isResizing ? '' : 'transition-colors'
@@ -253,7 +254,7 @@ const RenderFileTree = (props: {
 
   return (
     <ul className="flex flex-col">
-      {props.files.map((file, index) => (
+      {props.files.map((file) => (
         <li key={file.path} className="relative">
           {/* Tree lines */}
           {file.depth > 0 && (
diff --git a/src/components/FilterComponents.tsx b/src/components/FilterComponents.tsx
index 2ae0711f..fabc8d8d 100644
--- a/src/components/FilterComponents.tsx
+++ b/src/components/FilterComponents.tsx
@@ -196,6 +196,7 @@ export function FilterBar({
       <div className="lg:hidden">
         <div className="relative bg-white dark:bg-black/40 border border-gray-200 dark:border-gray-700 rounded-lg p-2 sm:p-3">
           <div className="flex items-center gap-1 sm:gap-2 flex-wrap">
+            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
             <div
               className="flex items-center gap-1.5 whitespace-nowrap cursor-pointer flex-shrink-0"
               onClick={() => setIsOpen((prev) => !prev)}
diff --git a/src/components/Gam.tsx b/src/components/Gam.tsx
index 599e75e6..bf018a66 100644
--- a/src/components/Gam.tsx
+++ b/src/components/Gam.tsx
@@ -74,13 +74,11 @@ const gamDivs = {
 
 function GamAd({
   name,
-  children,
   adClassName,
   className,
   placeholderClassName,
   popupPosition = 'bottom',
   borderClassName,
-  style,
   ...props
 }: { name: keyof typeof gamDivs } & React.HTMLAttributes<HTMLDivElement> & {
     adClassName?: string
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index 6d545de7..7c01962b 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -91,10 +91,11 @@ const markdownComponents: Record<string, React.FC> = {
   iframe: (props) => (
     <iframe {...props} className="w-full" title="Embedded Content" />
   ),
-  img: ({ children, ...props }: HTMLProps<HTMLImageElement>) => (
-    // eslint-disable-next-line jsx-a11y/alt-text
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  img: ({ children, alt, ...props }: HTMLProps<HTMLImageElement>) => (
     <img
       {...props}
+      alt={alt ?? ''}
       className={`max-w-full h-auto rounded-lg shadow-md ${
         props.className ?? ''
       }`}
@@ -136,7 +137,6 @@ export function CodeBlock({
   isEmbedded?: boolean
   showTypeCopyButton?: boolean
 }) {
-  // @ts-ignore
   let lang = props?.children?.props?.className?.replace('language-', '')
 
   if (lang === 'diff') {
@@ -231,7 +231,7 @@ export function CodeBlock({
         >
           {lang ? <div className="px-2">{lang}</div> : null}
           <button
-            className="px-2 flex items-center text-gray-500 hover:bg-gray-500 hover:text-gray-100 dark:hover:text-gray-200 transition duration-200"
+            className="px-2 py-1 flex items-center text-gray-500 hover:bg-gray-500 hover:text-gray-100 dark:hover:text-gray-200 transition duration-200"
             onClick={() => {
               let copyContent =
                 typeof ref.current?.innerText === 'string'
@@ -256,11 +256,7 @@ export function CodeBlock({
             }}
             aria-label="Copy code to clipboard"
           >
-            {copied ? (
-              <span className="text-xs">Copied!</span>
-            ) : (
-              <Copy size={14} />
-            )}
+            {copied ? <span className="text-xs">Copied!</span> : <Copy />}
           </button>
         </div>
       ) : null}
@@ -290,7 +286,7 @@ const getHighlighter = cache(async (language: string, themes: string[]) => {
   const loadedLanguages = highlighter.getLoadedLanguages()
   const loadedThemes = highlighter.getLoadedThemes()
 
-  let promises = []
+  const promises = []
   if (!loadedLanguages.includes(language as any)) {
     promises.push(
       highlighter.loadLanguage(
diff --git a/src/components/MarkdownLink.tsx b/src/components/MarkdownLink.tsx
index 452b147a..488724b8 100644
--- a/src/components/MarkdownLink.tsx
+++ b/src/components/MarkdownLink.tsx
@@ -17,6 +17,7 @@ export function MarkdownLink({
   ...rest
 }: HTMLProps<HTMLAnchorElement>) {
   if (!isRelativeLink(hrefProp ?? '')) {
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
     return <a {...rest} href={hrefProp} />
   }
 
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 908f94e3..ef8a16a0 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -82,8 +82,8 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             className="flex items-center gap-1 bg-gray-500/20 rounded-lg p-2 opacity-80
             hover:opacity-100 whitespace-nowrap uppercase font-black text-xs"
           >
-            <User size={16} />
-            <div className="">Log In</div>
+            <User className="text-sm" />
+            <div>Log In</div>
           </Link>
         )
 
@@ -98,7 +98,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
       <Authenticated>
         {!canAdmin ? (
           <div className="flex items-center gap-2 px-2 py-1 rounded-lg">
-            <User size={16} />
+            <User />
             <Link
               to="/account"
               className="flex-1 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white whitespace-nowrap"
@@ -109,7 +109,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
         ) : null}
         {canAdmin ? (
           <div className="flex items-center gap-2 px-2 py-1 rounded-lg">
-            <Lock size={16} />
+            <Lock />
             <Link
               to="/admin"
               className="flex-1 text-sm font-medium text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white"
@@ -170,6 +170,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             className={twMerge(`flex items-center gap-1.5 group`)}
           >
             <button
+              aria-label="Open Menu"
               className={twMerge(
                 'flex items-center justify-center',
                 'transition-all duration-300 h-8 px-2 py-1 lg:px-0',
@@ -378,7 +379,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                         'rounded-lg hover:bg-gray-500/10 dark:hover:bg-gray-500/30',
                       )}
                     >
-                      <Users size={14} />
+                      <Users />
                       Contributors
                     </Link>
                   </div>
@@ -435,7 +436,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
             >
               <div className="flex items-center gap-2">
                 <div className="flex items-center gap-4 justify-between">
-                  <Hammer size={14} />
+                  <Hammer />
                 </div>
                 <div>Builder</div>
               </div>
@@ -452,22 +453,22 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                 </span>
               </>
             ),
-            icon: <Rss size={14} />,
+            icon: <Rss />,
             to: '/feed',
           },
           {
             label: 'Maintainers',
-            icon: <Code size={14} />,
+            icon: <Code />,
             to: '/maintainers',
           },
           {
             label: 'Partners',
-            icon: <Users size={14} />,
+            icon: <Users />,
             to: '/partners',
           },
           {
             label: 'Blog',
-            icon: <Music size={14} />,
+            icon: <Music />,
             to: '/blog',
           },
           {
@@ -479,28 +480,28 @@ export function Navbar({ children }: { children: React.ReactNode }) {
                 </span>
               </>
             ),
-            icon: <BookOpen size={14} />,
+            icon: <BookOpen />,
             to: '/learn',
           },
           {
             label: 'Support',
-            icon: <HelpCircle size={14} />,
+            icon: <HelpCircle />,
             to: '/support',
           },
           {
             label: 'Stats',
-            icon: <TrendingUp size={14} />,
+            icon: <TrendingUp />,
             to: '/stats/npm',
           },
           {
             label: 'Discord',
-            icon: <DiscordIcon size={14} />,
+            icon: <DiscordIcon />,
             to: 'https://tlinz.com/discord',
             target: '_blank',
           },
           {
             label: 'Merch',
-            icon: <Shirt size={14} />,
+            icon: <Shirt />,
             to: '/merch',
           },
           {
@@ -510,17 +511,17 @@ export function Navbar({ children }: { children: React.ReactNode }) {
           },
           {
             label: 'Ethos',
-            icon: <ShieldCheck size={14} />,
+            icon: <ShieldCheck />,
             to: '/ethos',
           },
           {
             label: 'Tenets',
-            icon: <BookOpen size={14} />,
+            icon: <BookOpen />,
             to: '/tenets',
           },
           {
             label: 'Brand Guide',
-            icon: <Paintbrush size={14} />,
+            icon: <Paintbrush />,
             to: '/brand-guide',
           },
         ]
@@ -570,7 +571,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
     >
       <div
         className="flex flex-col whitespace-nowrap overflow-y-auto
-          border-t border-gray-500/20 text-lg bg-white/80 dark:bg-black/20"
+          border-t border-gray-500/20 text-lg bg-white/80 dark:bg-black/90"
       >
         <div className="flex items-center justify-between p-2 gap-2">
           <div className="flex-1">
@@ -578,6 +579,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
           </div>
           <div className="sm:hidden">{loginButton}</div>
         </div>
+        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
         <div
           className="space-y-px text-sm p-2 border-b border-gray-500/10 dark:border-gray-500/20"
           onClick={(event) => {
@@ -602,7 +604,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
     <>
       <div
         className={twMerge(
-          `min-w-[250px] hidden lg:flex flex-col
+          `px] hidden lg:flex flex-col
       h-[calc(100dvh-var(--navbar-height))] sticky top-[var(--navbar-height)] z-20
       bg-white/50 dark:bg-black/30 shadow-xl dark:border-r border-gray-500/20`,
           'transition-all duration-300',
@@ -610,7 +612,7 @@ export function Navbar({ children }: { children: React.ReactNode }) {
           inlineMenu
             ? ''
             : [
-                'fixed bg-white/70 dark:bg-black/50 backdrop-br-lg -translate-x-full',
+                'fixed bg-white dark:bg-black/90 backdrop-br-lg -translate-x-full',
                 showMenu && 'translate-x-0',
               ],
         )}
diff --git a/src/components/NotesModerationFilters.tsx b/src/components/NotesModerationFilters.tsx
index 4e4b64f1..4b8bb3b7 100644
--- a/src/components/NotesModerationFilters.tsx
+++ b/src/components/NotesModerationFilters.tsx
@@ -129,7 +129,10 @@ export function NotesModerationFilters({
       >
         <div className="space-y-3">
           <div>
-            <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">
+            <label
+              htmlFor="date-from"
+              className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1"
+            >
               From
             </label>
             <input
@@ -140,7 +143,10 @@ export function NotesModerationFilters({
             />
           </div>
           <div>
-            <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">
+            <label
+              htmlFor="date-to"
+              className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1"
+            >
               To
             </label>
             <input
diff --git a/src/components/NotesModerationList.tsx b/src/components/NotesModerationList.tsx
index a57b5e39..69d8f922 100644
--- a/src/components/NotesModerationList.tsx
+++ b/src/components/NotesModerationList.tsx
@@ -192,7 +192,7 @@ export function NotesModerationList({
                     </span>
                     {feedback.isDetached && (
                       <div className="flex items-center gap-1 text-xs text-yellow-600 dark:text-yellow-400 mt-1">
-                        <TriangleAlert size={12} />
+                        <TriangleAlert />
                         Detached
                       </div>
                     )}
diff --git a/src/components/NotesModerationPage.tsx b/src/components/NotesModerationPage.tsx
index ef9d3cb7..76535930 100644
--- a/src/components/NotesModerationPage.tsx
+++ b/src/components/NotesModerationPage.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { useQuery, useQueryClient } from '@tanstack/react-query'
+import { useQuery } from '@tanstack/react-query'
 import { useNavigate, useSearch } from '@tanstack/react-router'
 import { listDocFeedbackForModerationQueryOptions } from '~/queries/docFeedback'
 import { NotesModerationFilters } from './NotesModerationFilters'
@@ -9,7 +9,6 @@ import { Spinner } from '~/components/Spinner'
 export function NotesModerationPage() {
   const navigate = useNavigate()
   const search = useSearch({ from: '/admin/notes/' })
-  const queryClient = useQueryClient()
 
   const { data, isLoading, error } = useQuery(
     listDocFeedbackForModerationQueryOptions({
diff --git a/src/components/PaginationControls.tsx b/src/components/PaginationControls.tsx
index 2cd6c995..786b8e00 100644
--- a/src/components/PaginationControls.tsx
+++ b/src/components/PaginationControls.tsx
@@ -108,7 +108,10 @@ export function PaginationControls({
       <div className="flex gap-2 items-center">
         {showPageSizeSelector && (
           <>
-            <label className="text-sm text-gray-600 dark:text-gray-400">
+            <label
+              htmlFor="pageSize"
+              className="text-sm text-gray-600 dark:text-gray-400"
+            >
               Per page:
             </label>
             <select
diff --git a/src/components/PartnershipCallout.tsx b/src/components/PartnershipCallout.tsx
index 4d7f92e9..5c11cf12 100644
--- a/src/components/PartnershipCallout.tsx
+++ b/src/components/PartnershipCallout.tsx
@@ -16,8 +16,7 @@ export function PartnershipCallout({ libraryId }: PartnershipCalloutProps) {
                     dark:bg-black/40 dark:shadow-none w-[500px] max-w-full mx-auto"
     >
       <span className="flex items-center gap-2 p-8 text-3xl text-rose-500 font-black uppercase">
-        {library.name.replace('TanStack ', '')} <HeartHandshake size={28} />{' '}
-        You?
+        {library.name.replace('TanStack ', '')} <HeartHandshake /> You?
       </span>
       <div className="flex flex-col p-4 gap-3 text-sm">
         <div>
diff --git a/src/components/SearchButton.tsx b/src/components/SearchButton.tsx
index d650497b..0da9091f 100644
--- a/src/components/SearchButton.tsx
+++ b/src/components/SearchButton.tsx
@@ -20,10 +20,10 @@ export function SearchButton({ className }: SearchButtonProps) {
       )}
     >
       <div className="flex items-center gap-1 text-sm">
-        <Search size={18} /> Search...
+        <Search /> Search...
       </div>
       <div className="flex items-center bg-white/50 dark:bg-gray-500/50 rounded-md px-2 py-1 gap-1 font-bold text-xs whitespace-nowrap">
-        <Command size={12} /> + K
+        <Command /> + K
       </div>
     </button>
   )
diff --git a/src/components/SearchModal.tsx b/src/components/SearchModal.tsx
index b1cb6a08..b8679b32 100644
--- a/src/components/SearchModal.tsx
+++ b/src/components/SearchModal.tsx
@@ -182,7 +182,7 @@ function LibraryRefinement() {
     if (!isAlreadyRefined && library) {
       refine(subpathname)
     }
-  }, [])
+  }, [items, refine, subpathname])
 
   return (
     <div className="overflow-x-auto scrollbar-hide">
@@ -252,7 +252,7 @@ function FrameworkRefinement() {
     if (!isAlreadyRefined && framework) {
       refine(subpathname)
     }
-  }, [subpathname])
+  }, [items, refine, subpathname])
 
   return (
     <div className="overflow-x-auto scrollbar-hide">
@@ -308,11 +308,11 @@ function NoResults() {
 }
 
 const submitIconComponent = () => {
-  return <Search size={18} />
+  return <Search />
 }
 
 const resetIconComponent = () => {
-  return <X size={20} />
+  return <X />
 }
 
 export function SearchModal() {
@@ -436,6 +436,7 @@ export function SearchModal() {
                 }}
                 submitIconComponent={submitIconComponent}
                 resetIconComponent={resetIconComponent}
+                // eslint-disable-next-line jsx-a11y/no-autofocus
                 autoFocus
               />
             </div>
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
index e165b260..02880cd3 100644
--- a/src/components/Select.tsx
+++ b/src/components/Select.tsx
@@ -58,7 +58,7 @@ export function Select<T extends SelectOption>({
               <span className="truncate">{selectedOption.label}</span>
               <span className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
                 <ChevronDown
-                  className="h-5 w-5 text-gray-400"
+                  className="h-4 w-4 text-gray-400"
                   aria-hidden="true"
                 />
               </span>
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index eac748f0..c512a4a5 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -14,6 +14,7 @@ export function ThemeToggle() {
   }
 
   return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     <div
       onClick={handleToggleMode}
       className={`bg-gray-500/10 dark:bg-gray-500/30 rounded-lg flex items-center justify-between
@@ -21,8 +22,8 @@ export function ThemeToggle() {
         cursor-pointer transition-all duration-300 ease-in-out text-xs font-black`}
     >
       <div className="flex-1 flex items-center justify-between p-1.5 gap-1">
-        <Sun className={`hidden light:block`} size={16} />
-        <Moon className={`hidden dark:block`} size={16} />
+        <Sun className={`hidden light:block`} />
+        <Moon className={`hidden dark:block`} />
         <div
           className={`hidden auto:block uppercase select-none opacity-70 text-xs`}
         >
diff --git a/src/components/TocMobile.tsx b/src/components/TocMobile.tsx
index aaecd2f7..783c4bc1 100644
--- a/src/components/TocMobile.tsx
+++ b/src/components/TocMobile.tsx
@@ -26,9 +26,7 @@ export function TocMobile({ headings }: TocMobileProps) {
           rounded-b-xl"
           aria-expanded={isOpen}
         >
-          <span>
-            {isOpen ? <ChevronDown size={16} /> : <ChevronRight size={16} />}
-          </span>
+          <span>{isOpen ? <ChevronDown /> : <ChevronRight />}</span>
           <span>On this page</span>
         </summary>
         <div className="px-2 py-2">
diff --git a/src/components/UserFeedbackSection.tsx b/src/components/UserFeedbackSection.tsx
index 9928b3e7..059d286e 100644
--- a/src/components/UserFeedbackSection.tsx
+++ b/src/components/UserFeedbackSection.tsx
@@ -12,7 +12,7 @@ interface UserFeedbackSectionProps {
   userId: string
 }
 
-export function UserFeedbackSection({ userId }: UserFeedbackSectionProps) {
+export function UserFeedbackSection({}: UserFeedbackSectionProps) {
   const [page, setPage] = React.useState(1)
   const [pageSize, setPageSize] = React.useState(10)
 
@@ -82,7 +82,7 @@ export function UserFeedbackSection({ userId }: UserFeedbackSectionProps) {
             className="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 flex items-center gap-1"
           >
             View Leaderboard
-            <ExternalLink className="text-xs" size={16} />
+            <ExternalLink className="text-xs" />
           </Link>
         </div>
       </div>
@@ -120,9 +120,9 @@ export function UserFeedbackSection({ userId }: UserFeedbackSectionProps) {
                       {/* Icon */}
                       <div className="mt-1">
                         {item.type === 'note' ? (
-                          <MessageSquare className="text-blue-500" size={14} />
+                          <MessageSquare className="text-blue-500" />
                         ) : (
-                          <Lightbulb className="text-yellow-500" size={14} />
+                          <Lightbulb className="text-yellow-500" />
                         )}
                       </div>
 
diff --git a/src/components/admin/BannerEditor.tsx b/src/components/admin/BannerEditor.tsx
index f2b31724..ec1aacd4 100644
--- a/src/components/admin/BannerEditor.tsx
+++ b/src/components/admin/BannerEditor.tsx
@@ -233,7 +233,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
             <div className="p-6 space-y-5">
               {/* Title */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="title"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Title <span className="text-red-500">*</span>
                 </label>
                 <input
@@ -247,7 +250,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
 
               {/* Content */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="content"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Description
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Optional - shown below title)
@@ -284,7 +290,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
             <div className="p-6 space-y-5">
               {/* Link URL */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="linkUrl"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Link URL
                 </label>
                 <input
@@ -298,7 +307,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
 
               {/* Link Text */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="linkText"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Link Text
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Button text - defaults to "Learn More")
@@ -335,7 +347,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
             <div className="p-6 space-y-5">
               {/* Banner Style */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">
+                <label
+                  htmlFor="style"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3"
+                >
                   Banner Style
                 </label>
                 <div className="grid grid-cols-2 sm:grid-cols-4 gap-2">
@@ -368,7 +383,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
 
               {/* Banner Scope */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">
+                <label
+                  htmlFor="scope"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-3"
+                >
                   Banner Scope
                 </label>
                 <div className="grid grid-cols-2 gap-3">
@@ -535,15 +553,15 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
             </div>
             <div className="p-6 space-y-5">
               {/* Active Toggle */}
-              <label className="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
-                <div>
+              <div className="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
+                <label htmlFor="isActive">
                   <div className="font-medium text-gray-900 dark:text-white">
                     Active
                   </div>
                   <div className="text-sm text-gray-500 dark:text-gray-400">
                     Banner will only show when active
                   </div>
-                </div>
+                </label>
                 <div className="relative">
                   <input
                     type="checkbox"
@@ -559,11 +577,14 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
                     />
                   </div>
                 </div>
-              </label>
+              </div>
 
               {/* Start Date */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="startsAt"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Start Date & Time
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Optional - shows immediately if empty)
@@ -579,7 +600,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
 
               {/* End Date */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="expiresAt"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   End Date & Time
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Optional - never expires if empty)
@@ -595,7 +619,10 @@ export function BannerEditor({ banner, onSave, onCancel }: BannerEditorProps) {
 
               {/* Priority */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="priority"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Priority
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Higher = shown first when multiple banners match)
diff --git a/src/components/admin/FeedEntryEditor.tsx b/src/components/admin/FeedEntryEditor.tsx
index f3fa4fca..1254cf14 100644
--- a/src/components/admin/FeedEntryEditor.tsx
+++ b/src/components/admin/FeedEntryEditor.tsx
@@ -201,7 +201,10 @@ export function FeedEntryEditor({
             <div className="p-6 space-y-5">
               {/* Title */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="title"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Title <span className="text-red-500">*</span>
                 </label>
                 <input
@@ -215,7 +218,10 @@ export function FeedEntryEditor({
 
               {/* Content */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="content"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Content <span className="text-red-500">*</span>
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Markdown supported)
@@ -232,7 +238,10 @@ export function FeedEntryEditor({
 
               {/* Excerpt */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="excerpt"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Excerpt
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (Optional - auto-generated if empty)
@@ -249,7 +258,10 @@ export function FeedEntryEditor({
 
               {/* Published Date */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="publishedAt"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   <Calendar className="inline mr-2 w-4 h-4 text-gray-400" />
                   Published Date <span className="text-red-500">*</span>
                 </label>
@@ -347,7 +359,10 @@ export function FeedEntryEditor({
 
               {/* Tags */}
               <div>
-                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+                <label
+                  htmlFor="tags"
+                  className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+                >
                   Tags
                   <span className="ml-2 text-xs font-normal text-gray-400">
                     (comma-separated)
@@ -383,15 +398,15 @@ export function FeedEntryEditor({
             </div>
             <div className="p-6">
               <div className="space-y-4">
-                <label className="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
-                  <div>
+                <div className="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
+                  <label htmlFor="showInFeed">
                     <div className="font-medium text-gray-900 dark:text-white">
                       Show in Feed
                     </div>
                     <div className="text-sm text-gray-500 dark:text-gray-400">
                       Display this entry in the public feed
                     </div>
-                  </div>
+                  </label>
                   <div className="relative">
                     <input
                       type="checkbox"
@@ -407,17 +422,17 @@ export function FeedEntryEditor({
                       />
                     </div>
                   </div>
-                </label>
+                </div>
 
-                <label className="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
-                  <div>
+                <div className="flex items-center justify-between p-4 bg-gray-50 dark:bg-gray-700/50 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors">
+                  <label htmlFor="featured">
                     <div className="font-medium text-gray-900 dark:text-white">
                       Featured
                     </div>
                     <div className="text-sm text-gray-500 dark:text-gray-400">
                       Highlight this entry in the feed
                     </div>
-                  </div>
+                  </label>
                   <div className="relative">
                     <input
                       type="checkbox"
@@ -433,7 +448,7 @@ export function FeedEntryEditor({
                       />
                     </div>
                   </div>
-                </label>
+                </div>
               </div>
             </div>
           </div>
diff --git a/src/components/icons/CogsIcon.tsx b/src/components/icons/CogsIcon.tsx
index c576fb23..436d46c9 100644
--- a/src/components/icons/CogsIcon.tsx
+++ b/src/components/icons/CogsIcon.tsx
@@ -15,6 +15,7 @@ export function CogsIcon({
       aria-hidden={props['aria-label'] ? undefined : true}
       className={className}
       height={height}
+      width={width}
       role="img"
       xmlns="http://www.w3.org/2000/svg"
     >
diff --git a/src/libraries/devtools.tsx b/src/libraries/devtools.tsx
index 7d901c6a..5c9f632c 100644
--- a/src/libraries/devtools.tsx
+++ b/src/libraries/devtools.tsx
@@ -43,7 +43,7 @@ export const devtoolsProject = {
   featureHighlights: [
     {
       title: 'Unified Devtools Panel',
-      icon: <WandSparkles size={16} className="text-slate-400" />,
+      icon: <WandSparkles className="text-slate-400" />,
       description: (
         <div>
           TanStack Devtools provides a centralized panel that houses all
diff --git a/src/libraries/form.tsx b/src/libraries/form.tsx
index 7dac086a..c569fa0d 100644
--- a/src/libraries/form.tsx
+++ b/src/libraries/form.tsx
@@ -35,7 +35,7 @@ export const formProject = {
       to: '/form/latest/docs',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/form/latest/docs/framework/react/examples/simple',
     },
@@ -48,7 +48,7 @@ export const formProject = {
   featureHighlights: [
     {
       title: 'First-Class TypeScript Support',
-      icon: <WandSparkles size={16} className="text-yellow-400" />,
+      icon: <WandSparkles className="text-yellow-400" />,
       description: (
         <div>
           TanStack Form touts first-class TypeScript support with outstanding
diff --git a/src/libraries/pacer.tsx b/src/libraries/pacer.tsx
index 97695830..1a89dbcc 100644
--- a/src/libraries/pacer.tsx
+++ b/src/libraries/pacer.tsx
@@ -41,7 +41,7 @@ export const pacerProject = {
       to: '/pacer/latest/docs',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/pacer/latest/docs/framework/react/examples/debounce',
     },
diff --git a/src/libraries/query.tsx b/src/libraries/query.tsx
index 53618cae..8733989a 100644
--- a/src/libraries/query.tsx
+++ b/src/libraries/query.tsx
@@ -65,7 +65,7 @@ export const queryProject = {
       to: '/query/latest/docs/framework/react/overview',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/query/latest/docs/framework/react/examples/basic',
     },
diff --git a/src/libraries/ranger.tsx b/src/libraries/ranger.tsx
index afb85c9f..43a79906 100644
--- a/src/libraries/ranger.tsx
+++ b/src/libraries/ranger.tsx
@@ -40,7 +40,7 @@ export const rangerProject = {
       to: '/ranger/latest/docs/overview',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/ranger/latest/docs/framework/react/examples/basic',
     },
diff --git a/src/libraries/router.tsx b/src/libraries/router.tsx
index 3a7d1cc2..8c987456 100644
--- a/src/libraries/router.tsx
+++ b/src/libraries/router.tsx
@@ -51,7 +51,7 @@ export const routerProject = {
       to: '/router/latest/docs/framework/react/overview',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/router/latest/docs/framework/react/examples/kitchen-sink-file-based',
     },
diff --git a/src/libraries/start.tsx b/src/libraries/start.tsx
index 6d1b4fea..e2e27118 100644
--- a/src/libraries/start.tsx
+++ b/src/libraries/start.tsx
@@ -43,7 +43,7 @@ export const startProject = {
       to: '/start/latest/docs/framework/react/overview',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/start/latest/docs/framework/react/examples/start-basic',
     },
diff --git a/src/libraries/store.tsx b/src/libraries/store.tsx
index a89cd507..c9fa34fe 100644
--- a/src/libraries/store.tsx
+++ b/src/libraries/store.tsx
@@ -35,7 +35,7 @@ export const storeProject = {
       to: '/store/latest/docs',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/store/latest/docs/framework/react/examples/simple',
     },
diff --git a/src/libraries/table.tsx b/src/libraries/table.tsx
index a3de648b..0071dfe0 100644
--- a/src/libraries/table.tsx
+++ b/src/libraries/table.tsx
@@ -57,7 +57,7 @@ export const tableProject = {
       to: '/table/latest/docs/introduction',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/table/latest/docs/framework/react/examples/basic',
     },
diff --git a/src/libraries/virtual.tsx b/src/libraries/virtual.tsx
index 7986cc9c..465298ce 100644
--- a/src/libraries/virtual.tsx
+++ b/src/libraries/virtual.tsx
@@ -37,7 +37,7 @@ export const virtualProject = {
       to: '/virtual/latest/docs/introduction',
     },
     {
-      icon: <Wallpaper size={16} />,
+      icon: <Wallpaper />,
       label: 'Examples',
       to: '/virtual/latest/docs/framework/react/examples/dynamic',
     },
diff --git a/src/queries/feed.ts b/src/queries/feed.ts
index 75c24fce..83949810 100644
--- a/src/queries/feed.ts
+++ b/src/queries/feed.ts
@@ -5,8 +5,6 @@ import {
   getFeedEntryById,
   getFeedStats,
   getFeedFacetCounts,
-  searchFeedEntries,
-  getFeedConfig,
 } from '~/utils/feed.functions'
 import type { EntryType, ReleaseLevel } from '~/db/schema'
 
diff --git a/src/queries/roles.ts b/src/queries/roles.ts
index a4e3e910..53037a29 100644
--- a/src/queries/roles.ts
+++ b/src/queries/roles.ts
@@ -1,8 +1,6 @@
 import { queryOptions } from '@tanstack/react-query'
 import {
   listRoles,
-  getRole,
-  getUserRoles,
   getBulkUserRoles,
   getBulkEffectiveCapabilities,
 } from '~/utils/roles.functions'
diff --git a/src/queries/stats.ts b/src/queries/stats.ts
index 2f4e6651..a5188f53 100644
--- a/src/queries/stats.ts
+++ b/src/queries/stats.ts
@@ -1,9 +1,6 @@
 import { queryOptions } from '@tanstack/react-query'
 import { getOSSStats } from '~/utils/stats.server'
-import type {
-  Library as StatsLibrary,
-  StatsQueryParams,
-} from '~/utils/stats.server'
+import type { StatsQueryParams } from '~/utils/stats.server'
 import type { Library } from '~/libraries'
 
 export type {
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx
index 10bdc5c7..8ec64da3 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.index.tsx
@@ -1,8 +1,6 @@
 import { seo } from '~/utils/seo'
-import { redirect, createFileRoute } from '@tanstack/react-router'
-import { Doc } from '~/components/Doc'
-import { loadDocs } from '~/utils/docs'
-import { Framework, getBranch, getLibrary } from '~/libraries'
+import { createFileRoute } from '@tanstack/react-router'
+import { Framework, getLibrary } from '~/libraries'
 import { getFrameworkOptions } from '~/libraries/frameworks'
 import { capitalize } from '~/utils/utils'
 import { DocContainer } from '~/components/DocContainer'
@@ -14,7 +12,7 @@ export const Route = createFileRoute(
 )({
   staleTime: 1000 * 60 * 5,
   loader: (ctx) => {
-    const { framework, version, libraryId } = ctx.params
+    const { framework } = ctx.params
 
     const [frameworkOption] = getFrameworkOptions([framework as Framework])
 
@@ -39,7 +37,7 @@ export const Route = createFileRoute(
 })
 
 function Comp() {
-  const { framework, version, libraryId } = Route.useParams()
+  const { framework, libraryId } = Route.useParams()
   const library = getLibrary(libraryId)
   const [frameworkOption] = getFrameworkOptions([framework as Framework])
 
diff --git a/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx b/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
index 76b75005..aabaa8eb 100644
--- a/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
+++ b/src/routes/$libraryId/$version.docs.framework.$framework.{$}[.]md.tsx
@@ -1,4 +1,4 @@
-import { findLibrary, getBranch, getLibrary } from '~/libraries'
+import { findLibrary, getBranch } from '~/libraries'
 import { loadDocs } from '~/utils/docs'
 import { createFileRoute, notFound } from '@tanstack/react-router'
 
diff --git a/src/routes/$libraryId/$version.docs.tsx b/src/routes/$libraryId/$version.docs.tsx
index 8d4f7847..8d964dc1 100644
--- a/src/routes/$libraryId/$version.docs.tsx
+++ b/src/routes/$libraryId/$version.docs.tsx
@@ -31,7 +31,7 @@ export const Route = createFileRoute('/$libraryId/$version/docs')({
     }
   },
   component: DocsRoute,
-  headers: (ctx) => {
+  headers: () => {
     return {
       'cache-control': 'public, max-age=0, must-revalidate',
       'cdn-cache-control': 'max-age=300, stale-while-revalidate=300, durable',
diff --git a/src/routes/_libraries/account.tsx b/src/routes/_libraries/account.tsx
index 0f1f0335..9bd707e0 100644
--- a/src/routes/_libraries/account.tsx
+++ b/src/routes/_libraries/account.tsx
@@ -1,6 +1,5 @@
 import { createFileRoute, Outlet, Link, redirect } from '@tanstack/react-router'
 import { requireAuth } from '~/utils/auth.server'
-import { twMerge } from 'tailwind-merge'
 
 export const Route = createFileRoute('/_libraries/account')({
   component: AccountLayout,
diff --git a/src/routes/_libraries/account/index.tsx b/src/routes/_libraries/account/index.tsx
index d6d0dbd6..f9698eef 100644
--- a/src/routes/_libraries/account/index.tsx
+++ b/src/routes/_libraries/account/index.tsx
@@ -115,7 +115,7 @@ function AccountSettingsPage() {
           onClick={signOut}
           className="text-sm flex gap-2 items-center font-medium bg-black/80 hover:bg-black text-white dark:bg-white/95 dark:hover:bg-white dark:text-black py-1.5 px-2 rounded-md transition-colors my-4"
         >
-          <LogOut size={14} /> Logout
+          <LogOut /> Logout
         </button>
       </div>
     </div>
diff --git a/src/routes/_libraries/blog.$.tsx b/src/routes/_libraries/blog.$.tsx
index 4637c1bb..c53232d2 100644
--- a/src/routes/_libraries/blog.$.tsx
+++ b/src/routes/_libraries/blog.$.tsx
@@ -180,7 +180,7 @@ ${content}`
                           href={`https://github.com/${repo}/edit/${branch}/${filePath}`}
                           className="flex items-center gap-2"
                         >
-                          <SquarePen size={16} /> Edit on GitHub
+                          <SquarePen /> Edit on GitHub
                         </a>
                       </div>
                       <div className="h-24" />
diff --git a/src/routes/_libraries/db.$version.index.tsx b/src/routes/_libraries/db.$version.index.tsx
index f22500cb..d527ed66 100644
--- a/src/routes/_libraries/db.$version.index.tsx
+++ b/src/routes/_libraries/db.$version.index.tsx
@@ -1,4 +1,4 @@
-import { getRouteApi, createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from '@tanstack/react-router'
 import { Footer } from '~/components/Footer'
 import { LazySponsorSection } from '~/components/LazySponsorSection'
 import { PartnersSection } from '~/components/PartnersSection'
@@ -9,7 +9,6 @@ import { LibraryHero } from '~/components/LibraryHero'
 import { getLibrary } from '~/libraries'
 import { LibraryFeatureHighlights } from '~/components/LibraryFeatureHighlights'
 import LandingPageGad from '~/components/LandingPageGad'
-import { PartnershipCallout } from '~/components/PartnershipCallout'
 import OpenSourceStats from '~/components/OpenSourceStats'
 import { ossStatsQuery } from '~/queries/stats'
 import { AdGate } from '~/contexts/AdsContext'
diff --git a/src/routes/_libraries/feed.index.tsx b/src/routes/_libraries/feed.index.tsx
index 3e8e38e7..94df38f6 100644
--- a/src/routes/_libraries/feed.index.tsx
+++ b/src/routes/_libraries/feed.index.tsx
@@ -6,7 +6,6 @@ import { listFeedEntriesQueryOptions } from '~/queries/feed'
 import { libraries, type LibraryId } from '~/libraries'
 import { ENTRY_TYPES, RELEASE_LEVELS } from '~/utils/feedSchema'
 import { FEED_DEFAULTS } from '~/utils/feedDefaults'
-import { twMerge } from 'tailwind-merge'
 
 // Create zod enums from single source of truth
 const libraryIds = libraries.map((lib) => lib.id) as readonly LibraryId[]
diff --git a/src/routes/_libraries/form.$version.index.tsx b/src/routes/_libraries/form.$version.index.tsx
index 897841fe..ab3cd9c7 100644
--- a/src/routes/_libraries/form.$version.index.tsx
+++ b/src/routes/_libraries/form.$version.index.tsx
@@ -40,7 +40,6 @@ function FormVersionIndex() {
   const { version } = Route.useParams()
   const branch = getBranch(formProject, version)
   const [framework, setFramework] = React.useState<Framework>('react')
-  const [isDark] = React.useState(true)
 
   return (
     <>
diff --git a/src/routes/_libraries/maintainers.tsx b/src/routes/_libraries/maintainers.tsx
index 8256bc32..babb5be4 100644
--- a/src/routes/_libraries/maintainers.tsx
+++ b/src/routes/_libraries/maintainers.tsx
@@ -208,7 +208,10 @@ function MaintainersFilter({
 
                 {/* Group By */}
                 <div className="mb-4">
-                  <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label
+                    htmlFor="groupBy"
+                    className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2"
+                  >
                     Group By
                   </label>
                   <select
@@ -229,7 +232,10 @@ function MaintainersFilter({
 
                 {/* Sort By */}
                 <div className="mb-4">
-                  <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label
+                    htmlFor="sortBy"
+                    className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2"
+                  >
                     Sort By
                   </label>
                   <select
@@ -248,7 +254,10 @@ function MaintainersFilter({
 
                 {/* Library filter */}
                 <div>
-                  <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label
+                    htmlFor="libraryFilter"
+                    className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2"
+                  >
                     Filter by Libraries
                   </label>
                   <div className="grid grid-cols-2 gap-2 max-h-48 overflow-y-auto">
@@ -366,9 +375,6 @@ function MaintainerGrid({
 function RouteComponent() {
   const search = Route.useSearch()
   const navigate = Route.useNavigate()
-  // const loaderData = Route.useLoaderData()
-  // const stats = loaderData?.stats || []
-  const stats: any[] = [] // Empty array since stats are commented out
 
   const updateFilters = (updates: {
     libraries?: Library['id'][] | undefined
@@ -693,7 +699,7 @@ function RouteComponent() {
                 </p>
               )}
 
-              {groupedMaintainers.map((group, index) => (
+              {groupedMaintainers.map((group) => (
                 <MaintainerGrid
                   key={group.title || 'all'}
                   maintainers={group.maintainers}
diff --git a/src/routes/_libraries/pacer.$version.index.tsx b/src/routes/_libraries/pacer.$version.index.tsx
index adb1d305..e78307b0 100644
--- a/src/routes/_libraries/pacer.$version.index.tsx
+++ b/src/routes/_libraries/pacer.$version.index.tsx
@@ -32,7 +32,6 @@ export const Route = createFileRoute('/_libraries/pacer/$version/')({
 
 function PacerVersionIndex() {
   // sponsorsPromise no longer needed - using lazy loading
-  const { version } = Route.useParams()
 
   return (
     <>
diff --git a/src/routes/_libraries/partners.tsx b/src/routes/_libraries/partners.tsx
index fd02d1a1..f4f1ff5b 100644
--- a/src/routes/_libraries/partners.tsx
+++ b/src/routes/_libraries/partners.tsx
@@ -163,7 +163,10 @@ function PartnersFilter({
 
                 {/* Status filter */}
                 <div className="mb-4">
-                  <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label
+                    htmlFor="partner-status"
+                    className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2"
+                  >
                     Partner Status
                   </label>
                   <div className="flex gap-2">
@@ -204,7 +207,10 @@ function PartnersFilter({
 
                 {/* Library filter */}
                 <div>
-                  <label className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2">
+                  <label
+                    htmlFor="library-filter"
+                    className="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-2"
+                  >
                     Filter by Libraries
                   </label>
                   <div className="grid grid-cols-2 gap-2">
diff --git a/src/routes/admin/banners.index.tsx b/src/routes/admin/banners.index.tsx
index d1948984..c287cc21 100644
--- a/src/routes/admin/banners.index.tsx
+++ b/src/routes/admin/banners.index.tsx
@@ -23,7 +23,7 @@ import {
 import { z } from 'zod'
 import { useCapabilities } from '~/hooks/useCapabilities'
 import { useCurrentUserQuery } from '~/hooks/useCurrentUser'
-import { formatDistanceToNow, format } from 'date-fns'
+import { formatDistanceToNow } from 'date-fns'
 
 export const Route = createFileRoute('/admin/banners/')({
   component: BannersAdminPage,
@@ -186,7 +186,6 @@ function BannersAdminPage() {
                 banner.expiresAt && banner.expiresAt < Date.now()
               const hasntStarted =
                 banner.startsAt && banner.startsAt > Date.now()
-              const isScheduled = !banner.isActive || isExpired || hasntStarted
 
               return (
                 <div
diff --git a/src/routes/admin/feed.index.tsx b/src/routes/admin/feed.index.tsx
index 9eab54e0..d6023aff 100644
--- a/src/routes/admin/feed.index.tsx
+++ b/src/routes/admin/feed.index.tsx
@@ -141,7 +141,7 @@ function FeedAdminPage() {
           params={{ id: 'new' }}
           className="flex items-center gap-2 px-4 py-2 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors text-sm"
         >
-          <Plus size={14} />
+          <Plus />
           Create Entry
         </Link>
       </div>
diff --git a/src/routes/admin/github-stats.tsx b/src/routes/admin/github-stats.tsx
index d67ebd2e..3e4a35e8 100644
--- a/src/routes/admin/github-stats.tsx
+++ b/src/routes/admin/github-stats.tsx
@@ -105,7 +105,7 @@ function GitHubStatsAdmin() {
           return (
             <div>
               <div className="flex items-center gap-2">
-                <Star className="text-yellow-500" size={16} />
+                <Star className="text-yellow-500" />
                 <span className="font-semibold text-gray-900 dark:text-white">
                   {entry.stats.starCount.toLocaleString()}
                 </span>
@@ -131,7 +131,7 @@ function GitHubStatsAdmin() {
           return (
             <div>
               <div className="flex items-center gap-2">
-                <Users className="text-blue-500" size={16} />
+                <Users className="text-blue-500" />
                 <span className="font-semibold text-gray-900 dark:text-white">
                   {entry.stats.contributorCount.toLocaleString()}
                 </span>
@@ -168,7 +168,7 @@ function GitHubStatsAdmin() {
           return (
             <div>
               <div className="flex items-center gap-2">
-                <Box className="text-purple-500" size={16} />
+                <Box className="text-purple-500" />
                 <span className="font-semibold text-gray-900 dark:text-white">
                   {entry.stats.dependentCount.toLocaleString()}
                 </span>
@@ -290,17 +290,14 @@ function GitHubStatsAdmin() {
               disabled={isRefreshing || refreshAllMutation.isPending}
               className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors text-sm"
             >
-              <RefreshCw
-                className={isRefreshing ? 'animate-spin' : ''}
-                size={14}
-              />
+              <RefreshCw className={isRefreshing ? 'animate-spin' : ''} />
               Refresh
             </button>
           )
         },
       },
     ],
-    [refreshingKey, refreshAllMutation],
+    [refreshingKey, refreshAllMutation, refreshMutation],
   )
 
   const table = useReactTable({
@@ -331,7 +328,6 @@ function GitHubStatsAdmin() {
             className="flex items-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
           >
             <RefreshCw
-              size={14}
               className={refreshAllMutation.isPending ? 'animate-spin' : ''}
             />
             Refresh All
diff --git a/src/routes/admin/npm-stats.tsx b/src/routes/admin/npm-stats.tsx
index e0b5da95..e94a2874 100644
--- a/src/routes/admin/npm-stats.tsx
+++ b/src/routes/admin/npm-stats.tsx
@@ -128,7 +128,7 @@ function NpmStatsAdmin() {
         cell: ({ row }) => (
           <div>
             <div className="flex items-center gap-2">
-              <Download className="text-emerald-500" size={18} />
+              <Download className="text-emerald-500" />
               <span className="font-semibold text-gray-900 dark:text-white">
                 {row.original.totalDownloads.toLocaleString()}
               </span>
@@ -256,7 +256,6 @@ function NpmStatsAdmin() {
             className="flex items-center gap-2 px-3 py-1.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors text-sm"
           >
             <RefreshCw
-              size={14}
               className={refreshPackageMutation.isPending ? 'animate-spin' : ''}
             />
             Refresh
@@ -308,7 +307,6 @@ function NpmStatsAdmin() {
             title="Complete refresh: discover packages, fetch fresh stats with growth rates, and rebuild all caches"
           >
             <RefreshCw
-              size={14}
               className={refreshAllMutation.isPending ? 'animate-spin' : ''}
             />
             {refreshAllMutation.isPending
diff --git a/src/routes/admin/roles.$roleId.tsx b/src/routes/admin/roles.$roleId.tsx
index baf79c24..2d19b0f8 100644
--- a/src/routes/admin/roles.$roleId.tsx
+++ b/src/routes/admin/roles.$roleId.tsx
@@ -138,10 +138,7 @@ function RoleDetailPage() {
                   />
                 ) : (
                   <div className="h-10 w-10 rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center">
-                    <User
-                      className="text-gray-500 dark:text-gray-400"
-                      size={14}
-                    />
+                    <User className="text-gray-500 dark:text-gray-400" />
                   </div>
                 )}
               </div>
diff --git a/src/routes/admin/route.tsx b/src/routes/admin/route.tsx
index 8b9851b0..d778d157 100644
--- a/src/routes/admin/route.tsx
+++ b/src/routes/admin/route.tsx
@@ -69,7 +69,7 @@ export function AdminLayout({ children }: { children: React.ReactNode }) {
   })[] = [
     {
       label: 'Admin Dashboard',
-      icon: <Home size={14} />,
+      icon: <Home />,
       to: '/admin',
       activeOptions: {
         exact: true,
@@ -77,34 +77,34 @@ export function AdminLayout({ children }: { children: React.ReactNode }) {
     },
     {
       label: 'Statistics',
-      icon: <ChartLine size={14} />,
+      icon: <ChartLine />,
       to: '/admin/stats',
     },
     {
       label: 'Users',
-      icon: <Users size={14} />,
+      icon: <Users />,
       to: '/admin/users',
     },
     {
       label: 'Roles',
-      icon: <ShieldHalf size={14} />,
+      icon: <ShieldHalf />,
       to: '/admin/roles',
     },
     {
       label: 'Feedback',
-      icon: <MessagesSquare size={14} />,
+      icon: <MessagesSquare />,
       to: '/admin/feedback',
       requiredCapability: 'moderate-feedback',
     },
     {
       label: 'Notes',
-      icon: <StickyNote size={14} />,
+      icon: <StickyNote />,
       to: '/admin/notes',
       requiredCapability: 'moderate-feedback',
     },
     {
       label: 'Feed',
-      icon: <Rss size={14} />,
+      icon: <Rss />,
       to: '/admin/feed',
     },
     {
@@ -119,7 +119,7 @@ export function AdminLayout({ children }: { children: React.ReactNode }) {
     },
     {
       label: 'My Account',
-      icon: <User size={14} />,
+      icon: <User />,
       to: '/account',
     },
   ]
diff --git a/src/routes/admin/stats.tsx b/src/routes/admin/stats.tsx
index 3c3a746f..6c278593 100644
--- a/src/routes/admin/stats.tsx
+++ b/src/routes/admin/stats.tsx
@@ -110,11 +110,11 @@ function AdminStatsPage() {
                     }`}
                   >
                     {todayVsYesterday > 0 ? (
-                      <ArrowUp size={14} />
+                      <ArrowUp />
                     ) : todayVsYesterday < 0 ? (
-                      <ArrowDown size={14} />
+                      <ArrowDown />
                     ) : (
-                      <Minus size={14} />
+                      <Minus />
                     )}
                     {Math.abs(todayVsYesterday).toFixed(0)}%
                   </div>
diff --git a/src/routes/admin/users.tsx b/src/routes/admin/users.tsx
index b5fa58cc..c92d9871 100644
--- a/src/routes/admin/users.tsx
+++ b/src/routes/admin/users.tsx
@@ -124,7 +124,6 @@ function UserRolesCell({
 
 // Component to display effective capabilities (now uses bulk data)
 function EffectiveCapabilitiesCell({
-  userId,
   effectiveCapabilities,
 }: {
   userId: string
@@ -256,7 +255,10 @@ function UsersPage() {
 
       {/* Email Filter */}
       <div className="mb-2">
-        <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+        <label
+          htmlFor="email-filter"
+          className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+        >
           Email
         </label>
         <FilterSearch
@@ -277,7 +279,10 @@ function UsersPage() {
 
       {/* Name Filter */}
       <div className="mb-2">
-        <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+        <label
+          htmlFor="name-filter"
+          className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+        >
           Name
         </label>
         <FilterSearch
@@ -369,7 +374,10 @@ function UsersPage() {
         onToggleSection={toggleSection}
       >
         <div className="mb-2">
-          <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+          <label
+            htmlFor="ads-disabled-filter"
+            className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+          >
             Status
           </label>
           <select
@@ -393,7 +401,10 @@ function UsersPage() {
           </select>
         </div>
         <div>
-          <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+          <label
+            htmlFor="waitlist-filter"
+            className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2"
+          >
             Waitlist
           </label>
           <select
@@ -454,7 +465,7 @@ function UsersPage() {
     ...listRolesQueryOptions({}),
     placeholderData: keepPreviousData,
   })
-  const allRoles = allRolesQuery.data || []
+  const allRoles = useMemo(() => allRolesQuery.data || [], [allRolesQuery.data])
 
   // Bulk fetch user roles and effective capabilities to avoid N+1 queries
   const userIds = useMemo(
@@ -1015,7 +1026,10 @@ function UsersPage() {
               </div>
               <div className="flex flex-wrap gap-4">
                 <div className="flex items-center gap-2">
-                  <label className="text-sm font-medium text-gray-700 dark:text-gray-300">
+                  <label
+                    htmlFor="bulk-update-capabilities"
+                    className="text-sm font-medium text-gray-700 dark:text-gray-300"
+                  >
                     Assign Role:
                   </label>
                   <select
@@ -1041,7 +1055,10 @@ function UsersPage() {
                   </button>
                 </div>
                 <div className="flex items-center gap-2">
-                  <label className="text-sm font-medium text-gray-700 dark:text-gray-300">
+                  <label
+                    htmlFor="bulk-update-capabilities"
+                    className="text-sm font-medium text-gray-700 dark:text-gray-300"
+                  >
                     Set Capabilities:
                   </label>
                   {availableCapabilities.map((capability) => (
diff --git a/src/routes/api/admin/sync.tsx b/src/routes/api/admin/sync.tsx
index da3115b2..f90d243c 100644
--- a/src/routes/api/admin/sync.tsx
+++ b/src/routes/api/admin/sync.tsx
@@ -6,7 +6,7 @@ import { getEffectiveCapabilities } from '~/utils/capabilities.server'
 export const Route = createFileRoute('/api/admin/sync')({
   server: {
     handlers: {
-      POST: async ({ request }) => {
+      POST: async () => {
         try {
           // Require admin capability
           const user = await getAuthenticatedUser()
diff --git a/src/routes/stats/npm/index.tsx b/src/routes/stats/npm/index.tsx
index bfd8f47a..5ebc2eb5 100644
--- a/src/routes/stats/npm/index.tsx
+++ b/src/routes/stats/npm/index.tsx
@@ -859,6 +859,7 @@ function PackageSearch({
               value={inputValue}
               onValueChange={handleInputChange}
               onFocus={() => setOpen(true)}
+              // eslint-disable-next-line jsx-a11y/no-autofocus
               autoFocus={autoFocus}
             />
           </div>
@@ -1803,6 +1804,7 @@ function RouteComponent() {
                 <PackageSearch
                   onSelect={handleAddToGroup}
                   placeholder="Search for packages to add..."
+                  // eslint-disable-next-line jsx-a11y/no-autofocus
                   autoFocus={true}
                 />
               </div>
diff --git a/src/server/sponsors.ts b/src/server/sponsors.ts
index 0a3eed4b..ea58b420 100644
--- a/src/server/sponsors.ts
+++ b/src/server/sponsors.ts
@@ -185,7 +185,7 @@ async function getGithubSponsors() {
         'jherr',
         'seancassiere',
         'schiller-manuel',
-      ].flatMap((d, i1) =>
+      ].flatMap((d) =>
         new Array(20).fill(d).map((d, i2) => ({
           login: d,
           name: d,
diff --git a/src/stores/userSettings.ts b/src/stores/userSettings.ts
index c88006bf..08eaedf3 100644
--- a/src/stores/userSettings.ts
+++ b/src/stores/userSettings.ts
@@ -18,7 +18,7 @@ type UserSettingsState = {
   // Remove toggleAds since it's now handled by the new hooks
 }
 
-export const useUserSettingsStore = create<UserSettingsState>()((set, get) => ({
+export const useUserSettingsStore = create<UserSettingsState>()((set) => ({
   settings: {
     // Remove adsDisabled initialization
   },
diff --git a/src/styles/app.css b/src/styles/app.css
index 46bfd53f..d689a2e6 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -663,11 +663,8 @@ mark {
 
 /* Icons */
 
-.lucide-book {
-  height: 1em;
-  width: 1em;
-}
-
 .lucide {
   stroke-width: 2.25;
+  width: 1em;
+  height: 1em;
 }
diff --git a/src/utils/docFeedback.functions.ts b/src/utils/docFeedback.functions.ts
index 30ec16b6..66d31935 100644
--- a/src/utils/docFeedback.functions.ts
+++ b/src/utils/docFeedback.functions.ts
@@ -7,12 +7,11 @@ import {
   type DocFeedbackType,
   type DocFeedbackStatus,
 } from '~/db/schema'
-import { eq, and, sql, desc, gte, or, inArray } from 'drizzle-orm'
+import { eq, and, sql, desc, gte, inArray } from 'drizzle-orm'
 import { getAuthenticatedUser } from './auth.server-helpers'
 import {
   calculatePoints,
   requireModerateFeedback,
-  getUserTotalPoints,
   getUserFeedbackStats,
   validateFeedbackOwnership,
   canModerateFeedback,
diff --git a/src/utils/docFeedback.server.ts b/src/utils/docFeedback.server.ts
index 5d8ad737..61ccdd0b 100644
--- a/src/utils/docFeedback.server.ts
+++ b/src/utils/docFeedback.server.ts
@@ -1,6 +1,6 @@
 import { db } from '~/db/client'
-import { docFeedback, users, type DocFeedbackStatus } from '~/db/schema'
-import { eq, and, sql, desc, gte } from 'drizzle-orm'
+import { docFeedback, type DocFeedbackStatus } from '~/db/schema'
+import { and, eq, gte, sql } from 'drizzle-orm'
 import { requireCapability } from './auth.server'
 import { getEffectiveCapabilities } from './capabilities.server'
 
@@ -8,10 +8,9 @@ import { getEffectiveCapabilities } from './capabilities.server'
  * Require the user to have the moderate-feedback capability
  */
 export async function requireModerateFeedback() {
-  const user = await requireCapability({
+  return await requireCapability({
     data: { capability: 'moderate-feedback' },
   })
-  return user
 }
 
 /**
@@ -61,8 +60,8 @@ export async function generateContentHash(content: string): Promise<string> {
   const data = encoder.encode(content)
   const hashBuffer = await crypto.subtle.digest('SHA-256', data)
   const hashArray = Array.from(new Uint8Array(hashBuffer))
-  const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')
-  return hashHex
+
+  return hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')
 }
 
 /**
@@ -93,11 +92,10 @@ export async function getUserTotalPoints(userId: string): Promise<number> {
     )
 
   // Calculate total points in JS
-  const totalPoints = result.reduce((sum, item) => {
+
+  return result.reduce((sum, item) => {
     return sum + calculatePoints(item.characterCount, item.type)
   }, 0)
-
-  return totalPoints
 }
 
 /**
diff --git a/src/utils/feed.functions.ts b/src/utils/feed.functions.ts
index 49779491..8f4d20dc 100644
--- a/src/utils/feed.functions.ts
+++ b/src/utils/feed.functions.ts
@@ -1,9 +1,9 @@
 import { createServerFn } from '@tanstack/react-start'
 import { db } from '~/db/client'
 import { feedEntries, feedConfig } from '~/db/schema'
-import { eq, and, sql, gte } from 'drizzle-orm'
+import { eq, and, sql } from 'drizzle-orm'
 import { z } from 'zod'
-import type { EntryType, BannerScope, BannerStyle } from '~/db/schema'
+import type { EntryType } from '~/db/schema'
 import {
   requireAdmin,
   getEffectivePublishedAt,
@@ -42,10 +42,8 @@ export const listFeedEntries = createServerFn({ method: 'POST' })
   )
   .handler(async ({ data }) => {
     // Check if admin (for includeHidden)
-    let isAdmin = false
     try {
       await requireAdmin()
-      isAdmin = true
     } catch {
       // Not admin, continue
     }
@@ -53,7 +51,6 @@ export const listFeedEntries = createServerFn({ method: 'POST' })
     const limit = data.pagination.limit
     const pageIndex = data.pagination.page ?? 0
     const filters = data.filters ?? {}
-    const includeHidden = filters.includeHidden ?? false
 
     // Build query conditions
     const whereClause = buildFeedQueryConditions(filters)
@@ -245,7 +242,6 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
   )
   .handler(async ({ data }) => {
     const filters = data.filters ?? {}
-    const includeHidden = filters.includeHidden ?? false
 
     // Helper function to apply filters except for a specific facet
     const applyFiltersExcept = (
@@ -263,18 +259,6 @@ export const getFeedFacetCounts = createServerFn({ method: 'POST' })
       return db.select().from(feedEntries).where(whereClause)
     }
 
-    // Get base entries (with visibility filter)
-    const baseWhereClause = includeHidden
-      ? undefined
-      : and(
-          eq(feedEntries.showInFeed, true),
-          gte(feedEntries.publishedAt, new Date(0)),
-        )
-    const baseEntries = await db
-      .select()
-      .from(feedEntries)
-      .where(baseWhereClause)
-
     // Count by entry type
     const entryTypeEntries = await applyFiltersExcept('entryTypes')
     const entryTypeCounts: Record<string, number> = {}
diff --git a/src/utils/markdown/plugins.ts b/src/utils/markdown/plugins.ts
index 14fec9fd..7930d89b 100644
--- a/src/utils/markdown/plugins.ts
+++ b/src/utils/markdown/plugins.ts
@@ -1,9 +1,9 @@
 import { unified } from 'unified'
 import rehypeParse from 'rehype-parse'
-import { visit, SKIP } from 'unist-util-visit'
+import { SKIP, visit } from 'unist-util-visit'
 import { toString } from 'hast-util-to-string'
 import { isElement } from 'hast-util-is-element'
-import type { Root, Element, Comment, Nodes } from 'hast-util-is-element/lib'
+import type { Element, Root } from 'hast-util-is-element/lib'
 
 const COMPONENT_PREFIX = '::'
 const START_PREFIX = '::start:'
@@ -114,8 +114,7 @@ export const rehypeParseCommentComponents = () => {
         return [SKIP, index]
       }
 
-      const content = parent.children.slice(index + 1, endIndex)
-      element.children = content
+      element.children = parent.children.slice(index + 1, endIndex)
       parent.children.splice(index, endIndex - index + 1, element)
       return [SKIP, index]
     })
diff --git a/src/utils/stats-db.server.ts b/src/utils/stats-db.server.ts
index c5950922..8dc5d6ac 100644
--- a/src/utils/stats-db.server.ts
+++ b/src/utils/stats-db.server.ts
@@ -53,48 +53,6 @@ export async function getBatchCachedNpmPackageStats(
   }
 }
 
-/**
- * Get cached NPM package stats if available and not expired
- * Returns stats with rate information for interpolation
- */
-export async function getCachedNpmPackageStats(
-  packageName: string,
-  ttlHours: number = 24,
-): Promise<NpmPackageStats | null> {
-  try {
-    const cached = await db.query.npmPackages.findFirst({
-      where: eq(npmPackages.packageName, packageName),
-    })
-
-    if (
-      cached &&
-      cached.statsExpiresAt &&
-      cached.statsExpiresAt > new Date() &&
-      cached.downloads !== null
-    ) {
-      return {
-        downloads: cached.downloads,
-        ratePerDay: cached.ratePerDay ?? undefined,
-        updatedAt: cached.updatedAt.getTime(),
-      }
-    }
-
-    // Cache expired - return expired cache if available (scheduled tasks will refresh)
-    if (cached && cached.downloads !== null) {
-      return {
-        downloads: cached.downloads,
-        ratePerDay: cached.ratePerDay ?? undefined,
-        updatedAt: cached.updatedAt.getTime(),
-      }
-    }
-
-    return null
-  } catch (error) {
-    console.error('[NPM Stats Cache] Error reading cache:', error)
-    return null
-  }
-}
-
 /**
  * Store NPM package stats in cache with calculated growth rate
  * Also incrementally updates library and org-level caches
@@ -288,7 +246,6 @@ async function updateOrgStatsCache(
  */
 export async function getCachedNpmOrgStats(
   orgName: string,
-  ttlHours: number = 24,
 ): Promise<NpmStats | null> {
   try {
     const cached = await db.query.npmOrgStatsCache.findFirst({
diff --git a/src/utils/stats.functions.ts b/src/utils/stats.functions.ts
index 48790eb2..e0d773df 100644
--- a/src/utils/stats.functions.ts
+++ b/src/utils/stats.functions.ts
@@ -764,11 +764,10 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
       let successCount = 0
       let failCount = 0
 
-      await new Promise<void>((resolve, reject) => {
+      await new Promise<void>((resolve) => {
         const queue = new AsyncQueuer(
           async (packageName: string) => {
-            const stats = await fetchSingleNpmPackageFresh(packageName, 3)
-            return stats
+            return await fetchSingleNpmPackageFresh(packageName, 3)
           },
           {
             concurrency: 8, // Process 8 packages concurrently (reduced from 15 to avoid rate limiting)
@@ -790,9 +789,7 @@ export async function computeNpmOrgStats(org: string): Promise<NpmStats> {
             onError: (error, packageName) => {
               failCount++
               console.error(
-                `[NPM Stats] Failed ${packageName}: ${
-                  error instanceof Error ? error.message : String(error)
-                }`,
+                `[NPM Stats] Failed ${packageName}: ${error.message}`,
               )
               // Store 0 for failed packages
               const zeroStats = { downloads: 0 }
diff --git a/src/utils/stats.server.ts b/src/utils/stats.server.ts
index 99c55cfd..92989ed6 100644
--- a/src/utils/stats.server.ts
+++ b/src/utils/stats.server.ts
@@ -269,7 +269,7 @@ export const getOSSStats = createServerFn({ method: 'POST' })
     // Try to get GitHub stats from cache (prefer valid cache, fallback to expired)
     const cachedGitHub = await getCachedGitHubStats(githubCacheKey)
     let githubStats: GitHubStats
-    let previousGitHubStats: GitHubStats | null = null
+    let previousGitHubStats: GitHubStats | null
     let githubTimeDeltaMs: number = 60 * 60 * 1000 // Default 1 hour
 
     if (cachedGitHub) {
@@ -612,7 +612,7 @@ export const fetchNpmDownloadChunk = createServerFn({ method: 'GET' })
     // Determine date range for this chunk
     let startDate: string
     let endDate: string
-    let isCurrentYear = year === 'current' || year === currentYear
+    const isCurrentYear = year === 'current' || year === currentYear
 
     if (year === 'current') {
       // Current year to date