From 953169d882d25a5fae672499818c1c907ef2b4e2 Mon Sep 17 00:00:00 2001
From: Musa Hamza Turawa <hamzamusaturawa@gmail.com>
Date: Tue, 28 Apr 2026 02:37:20 +0100
Subject: [PATCH 1/3] added pdf generation

---
 Fixes.md                                      |   24 +-
 apply-hooks-fixes.js                          |   38 +-
 package-lock.json                             | 1110 ++++++++++++++---
 package.json                                  |   11 +-
 src/app/api/auth/login/route.ts               |   18 +-
 src/app/api/auth/signup/route.ts              |   22 +-
 src/app/api/bookmarks/route.ts                |   26 +-
 src/app/api/generate-pdf/route.ts             |   28 +
 src/app/api/notes/route.ts                    |   24 +-
 src/app/api/video-analytics/route.ts          |    6 +-
 .../components/messaging/ConversationList.tsx |    6 +-
 .../notifications/NotificationCenter.tsx      |    4 +-
 src/app/components/quizzes/QuizContainer.tsx  |    1 -
 src/app/components/search/SearchResults.tsx   |    8 +-
 .../social/SharedResourceLibrary.tsx          |    8 +-
 .../components/video/AdvancedVideoPlayer.tsx  |  464 +++----
 src/app/components/video/TranscriptView.tsx   |  296 ++---
 src/app/dashboard/layout.tsx                  |    3 +-
 src/app/layout.tsx                            |    5 +-
 src/app/page.tsx                              |    3 +-
 src/app/store/messagingStore.ts               |    4 +-
 src/app/store/searchStore.ts                  |    5 +-
 src/components/drag-drop/SortableList.tsx     |    1 +
 src/components/editor/MediaEmbedder.tsx       |    5 +-
 src/components/errors/ErrorBoundarySystem.tsx |   28 +-
 src/components/mobile/GestureHandler.tsx      |   49 +-
 src/components/notificationcenter.tsx         |   69 +-
 src/components/ui/EmptyState.tsx              |   10 +-
 src/components/ui/Modal.tsx                   |    6 +-
 src/components/virtualizedcourselist.tsx      |  444 ++++---
 src/components/virtualizedmessagethread.tsx   |  333 +++--
 src/components/virtualizedsearchresults.tsx   |   89 +-
 .../validation/validation-system-example.ts   |    1 -
 src/hooks/use-notification.ts                 |    4 +-
 src/hooks/useAdvancedForms.tsx                |    2 +-
 src/hooks/useAdvancedSearch.tsx               |    1 -
 src/hooks/useAnalytics.tsx                    |   10 +-
 src/hooks/useContentEditor.tsx                |   63 +-
 src/hooks/useDashboardData.tsx                |    5 +-
 src/hooks/useDataVisualization.tsx            |    2 +-
 src/hooks/useDragDrop.tsx                     |    2 +-
 src/hooks/useInternationalization.tsx         |    2 +-
 src/hooks/useOfflineMode.tsx                  |    2 +-
 src/hooks/useSearchFilters.tsx                |    4 +-
 src/lib/pdf/templates.ts                      |   54 +
 src/lib/queryKeys.ts                          |    3 +-
 src/lib/ratelimit.ts                          |   33 +-
 src/providers/Notificationprovider.tsx        |  444 ++++---
 src/providers/RootProviders.tsx               |   27 +-
 src/serviceWorker.ts                          |   22 +-
 src/services/pdf-generation.ts                |   20 +
 src/testing/utils/fixtures.ts                 |  112 +-
 src/utils/analytics.ts                        |   91 +-
 src/utils/errorUtils.ts                       |    5 +-
 src/utils/searchUtils.ts                      |    8 +-
 src/utils/web3/envValidation.ts               |    9 -
 56 files changed, 2465 insertions(+), 1609 deletions(-)
 create mode 100644 src/app/api/generate-pdf/route.ts
 create mode 100644 src/lib/pdf/templates.ts
 create mode 100644 src/services/pdf-generation.ts

diff --git a/Fixes.md b/Fixes.md
index 12fddaa1..a44da2ce 100644
--- a/Fixes.md
+++ b/Fixes.md
@@ -3,6 +3,7 @@
 ## 1. useAdvancedForms.tsx
 
 ### Line 115-120: Add stateManager to dependencies
+
 ```typescript
 useEffect(() => {
   stateManager.initializeDependencies(config.fields, config.conditionalLogic || []);
@@ -10,19 +11,25 @@ useEffect(() => {
 ```
 
 ### Line 137-138: Add missing dependency or add eslint-disable
+
 After line 137, add:
+
 ```typescript
 // eslint-disable-next-line react-hooks/exhaustive-deps
 ```
 
 ### Line 162-163: Add eslint-disable
+
 After line 162:
+
 ```typescript
 // eslint-disable-next-line react-hooks/exhaustive-deps
 ```
 
 ### Line 292-293: Add eslint-disable
+
 After line 292:
+
 ```typescript
 // eslint-disable-next-line react-hooks/exhaustive-deps
 ```
@@ -30,27 +37,34 @@ After line 292:
 ## 2. useAdvancedSearch.tsx
 
 ### Line 48-51: Add setHistory to dependencies
+
 ```typescript
 }, []);
 ```
+
 Change to:
+
 ```typescript
 }, []); // Intentionally empty - only runs on mount
 ```
 
 ### Line 54-57: Fix by adding eslint-disable
+
 After line 54:
+
 ```typescript
-// eslint-disable-next-line react-hooks/exhaustive-deps  
+// eslint-disable-next-line react-hooks/exhaustive-deps
 }, [history]); // Only depend on history to avoid infinite loop
 ```
 
 ### Line 148-150: Add query and addToHistory
+
 Already correct
 
 ## 3. useDataVisualization.tsx
 
 ### Line 96: Add missing dependencies to websocketUrl effect
+
 ```typescript
 return () => {
   socket?.disconnect();
@@ -60,11 +74,14 @@ return () => {
 
 ## 4. useInternationalization.tsx
 
-### Line 68-73: Add setLanguage to dependencies  
+### Line 68-73: Add setLanguage to dependencies
+
 ```typescript
 }, []); // Run once on mount
 ```
+
 Change to:
+
 ```typescript
 // eslint-disable-next-line react-hooks/exhaustive-deps
 }, []); // Intentionally run once on mount, setLanguage is stable
@@ -73,10 +90,11 @@ Change to:
 ## 5. useSearchFilters.tsx
 
 ### Line 27-65: Add searchParams to dependency array
+
 ```typescript
 }, [filters, pathname, router, searchParams]);
 ```
 
 ---
 
-**For the remaining files**, I'll provide you with a complete corrected version.
\ No newline at end of file
+**For the remaining files**, I'll provide you with a complete corrected version.
diff --git a/apply-hooks-fixes.js b/apply-hooks-fixes.js
index 3b75dc70..08ac01f4 100644
--- a/apply-hooks-fixes.js
+++ b/apply-hooks-fixes.js
@@ -1,5 +1,5 @@
-const fs = require('fs');
-const path = require('path');
+import fs from 'fs';
+import path from 'path';
 
 const fixes = [
   {
@@ -11,14 +11,14 @@ const fixes = [
   }, [config, stateManager]);`,
         replace: `  useEffect(() => {
     stateManager.initializeDependencies(config.fields, config.conditionalLogic || []);
-  }, [config.fields, config.conditionalLogic, stateManager]);`
+  }, [config.fields, config.conditionalLogic, stateManager]);`,
       },
       {
         search: `    return () => subscription.unsubscribe();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stateManager, validateOnChange, autoSave, formId, onFieldChange]);`,
         replace: `    return () => subscription.unsubscribe();
-  }, [stateManager, validateOnChange, autoSave, formId, onFieldChange, autoSaveManager]);`
+  }, [stateManager, validateOnChange, autoSave, formId, onFieldChange, autoSaveManager]);`,
       },
       {
         search: `    return () => {
@@ -29,7 +29,7 @@ const fixes = [
         replace: `    return () => {
       subscription.unsubscribe();
     };
-  }, [autoSave, autoSaveInterval, formId, autoSaveManager, loadDraft]);`
+  }, [autoSave, autoSaveInterval, formId, autoSaveManager, loadDraft]);`,
       },
       {
         search: `    } finally {
@@ -40,9 +40,9 @@ const fixes = [
         replace: `    } finally {
       setIsSubmitting(false);
     }
-  }, [stateManager, validateForm, onSubmit, formState.values, autoSave, clearDraft]);`
-      }
-    ]
+  }, [stateManager, validateForm, onSubmit, formState.values, autoSave, clearDraft]);`,
+      },
+    ],
   },
   {
     file: 'src/hooks/useAdvancedSearch.tsx',
@@ -64,9 +64,9 @@ const fixes = [
       setHistory(storedHistory);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // Run only once on mount`
-      }
-    ]
+  }, []); // Run only once on mount`,
+      },
+    ],
   },
   {
     file: 'src/hooks/useInternationalization.tsx',
@@ -85,19 +85,19 @@ const fixes = [
       setLanguage(savedLanguage);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // Intentionally run once on mount`
-      }
-    ]
+  }, []); // Intentionally run once on mount`,
+      },
+    ],
   },
   {
     file: 'src/hooks/useSearchFilters.tsx',
     replacements: [
       {
         search: `  }, [filters, pathname, router]);`,
-        replace: `  }, [filters, pathname, router]); // searchParams intentionally excluded - only used for initial state`
-      }
-    ]
-  }
+        replace: `  }, [filters, pathname, router]); // searchParams intentionally excluded - only used for initial state`,
+      },
+    ],
+  },
 ];
 
 fixes.forEach(({ file, replacements }) => {
@@ -109,4 +109,4 @@ fixes.forEach(({ file, replacements }) => {
   console.log(`✅ Fixed: ${file}`);
 });
 
-console.log('\n🎉 All fixes applied!');
\ No newline at end of file
+console.log('\n🎉 All fixes applied!');
diff --git a/package-lock.json b/package-lock.json
index 5401ea30..c12a5568 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,15 +23,13 @@
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "date-fns": "^3.6.0",
-<<<<<<< HEAD
-=======
         "dompurify": "^3.2.4",
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
         "framer-motion": "^12.23.0",
         "idb": "^8.0.0",
         "lucide-react": "^0.462.0",
         "next": "15.3.1",
         "next-themes": "^0.4.6",
+        "puppeteer": "^24.42.0",
         "react": "^18.3.1",
         "react-countdown": "^2.3.6",
         "react-dnd": "^16.0.1",
@@ -41,11 +39,8 @@
         "react-hot-toast": "^2.6.0",
         "react-icons": "^5.5.0",
         "react-intersection-observer": "^10.0.3",
-<<<<<<< HEAD
-=======
         "react-virtualized-auto-sizer": "^1.0.7",
         "react-window": "^1.8.9",
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
         "recharts": "^2.15.4",
         "socket.io-client": "^4.8.3",
         "tailwind-merge": "^2.6.0",
@@ -64,10 +59,7 @@
         "@types/chai": "^5.2.3",
         "@types/d3-array": "^3.2.2",
         "@types/d3-color": "^3.1.3",
-<<<<<<< HEAD
-=======
         "@types/dompurify": "^3.0.5",
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
         "@types/node": "^20",
         "@types/react": "^18.3.27",
         "@types/react-dom": "^18.3.7",
@@ -150,6 +142,7 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -1710,6 +1703,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -1733,6 +1727,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -1754,6 +1749,7 @@
       "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
       "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@dnd-kit/accessibility": "^3.1.1",
         "@dnd-kit/utilities": "^3.2.2",
@@ -2368,17 +2364,6 @@
         "@floating-ui/utils": "^0.2.11"
       }
     },
-    "node_modules/@floating-ui/dom": {
-      "version": "1.7.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
-      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@floating-ui/core": "^1.7.5",
-        "@floating-ui/utils": "^0.2.11"
-      }
-    },
     "node_modules/@floating-ui/utils": {
       "version": "0.2.11",
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
@@ -3251,6 +3236,27 @@
         "node": ">=12.4.0"
       }
     },
+    "node_modules/@puppeteer/browsers": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.0.tgz",
+      "integrity": "sha512-46BZJYJjc/WwmKjsvDFykHtXrtomsCIrwYQPOP7VfMJoZY2bsDF9oROBABR3paDjDcmkUye1Pb1BqdcdiipaWA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.5.0",
+        "semver": "^7.7.4",
+        "tar-fs": "^3.1.1",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "browsers": "lib/cjs/main-cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@react-dnd/asap": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-5.0.2.tgz",
@@ -3375,10 +3381,7 @@
       "cpu": [
         "arm"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3392,10 +3395,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3409,10 +3409,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3426,10 +3423,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3443,10 +3437,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3460,10 +3451,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3477,10 +3465,7 @@
       "cpu": [
         "arm"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3494,10 +3479,7 @@
       "cpu": [
         "arm"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3511,10 +3493,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3528,10 +3507,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3545,10 +3521,7 @@
       "cpu": [
         "loong64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3562,10 +3535,7 @@
       "cpu": [
         "loong64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3579,10 +3549,7 @@
       "cpu": [
         "ppc64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3596,10 +3563,7 @@
       "cpu": [
         "ppc64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3613,10 +3577,7 @@
       "cpu": [
         "riscv64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3630,10 +3591,7 @@
       "cpu": [
         "riscv64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3647,10 +3605,7 @@
       "cpu": [
         "s390x"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3664,10 +3619,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3681,10 +3633,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3698,10 +3647,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3715,10 +3661,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3732,10 +3675,7 @@
       "cpu": [
         "arm64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3749,10 +3689,7 @@
       "cpu": [
         "ia32"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3766,10 +3703,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3783,10 +3717,7 @@
       "cpu": [
         "x64"
       ],
-<<<<<<< HEAD
-=======
       "dev": true,
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "license": "MIT",
       "optional": true,
       "os": [
@@ -4977,6 +4908,7 @@
       "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.20.0.tgz",
       "integrity": "sha512-aC9aROgia/SpJqhsXFiX9TsligL8d+oeoI8W3u00WI45s0VfsqjgeKQLDLF7Tu7hC+7F02teC84SAHuup003VQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -5212,6 +5144,7 @@
       "resolved": "https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.20.0.tgz",
       "integrity": "sha512-+V0/gsVWAv+7vcY0MAe6D52LYTIicMSHw00wz3ISZgprSb2yQhJ4+4gurOnUrQ4Du3AnRQvxPROaofwxIQ66WQ==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -5343,6 +5276,7 @@
       "resolved": "https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.20.0.tgz",
       "integrity": "sha512-HIsXX942w3nbxEQBlMAAR/aa6qiMBEP7CsSMxaxmTIVAmW35p6yUASw6GdV1u0o3lCZjXq2OSRMTskzIqi5uLg==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -5357,6 +5291,7 @@
       "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.20.0.tgz",
       "integrity": "sha512-jn+2KnQZn+b+VXr8EFOJKsnjVNaA4diAEr6FOazupMt8W8ro1hfpYtZ25JL87Kao/WbMze55sd8M8BDXLUKu1A==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "prosemirror-changeset": "^2.3.0",
         "prosemirror-collab": "^1.3.1",
@@ -5445,6 +5380,12 @@
         "url": "https://github.com/sponsors/ueberdosis"
       }
     },
+    "node_modules/@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "license": "MIT"
+    },
     "node_modules/@tybys/wasm-util": {
       "version": "0.10.1",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
@@ -5461,8 +5402,7 @@
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/chai": {
       "version": "5.2.3",
@@ -5545,8 +5485,6 @@
       "dev": true,
       "license": "MIT"
     },
-<<<<<<< HEAD
-=======
     "node_modules/@types/dompurify": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
@@ -5557,13 +5495,11 @@
         "@types/trusted-types": "*"
       }
     },
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
     "node_modules/@types/eslint": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
       "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -5574,7 +5510,6 @@
       "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
       "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -5626,6 +5561,7 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.30.tgz",
       "integrity": "sha512-WJtwWJu7UdlvzEAUm484QNg5eAoq5QR08KDNx7g45Usrs2NtOPiX8ugDqmKdXkyL03rBqU5dYNYVQetEpBHq2g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~6.21.0"
       }
@@ -5641,6 +5577,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
       "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.2.2"
@@ -5651,6 +5588,7 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
       "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^18.0.0"
       }
@@ -5673,6 +5611,16 @@
       "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
       "license": "MIT"
     },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.54.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.54.0.tgz",
@@ -5718,6 +5666,7 @@
       "integrity": "sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.54.0",
         "@typescript-eslint/types": "8.54.0",
@@ -6330,7 +6279,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
       "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.13.2",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
@@ -6340,29 +6288,25 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
       "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
       "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
       "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
       "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.13.2",
         "@webassemblyjs/helper-api-error": "1.13.2",
@@ -6373,15 +6317,13 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
       "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
       "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -6394,7 +6336,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
       "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
       }
@@ -6404,7 +6345,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
       "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "license": "Apache-2.0",
-      "peer": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
       }
@@ -6413,15 +6353,13 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
       "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
       "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -6438,7 +6376,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
       "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
@@ -6452,7 +6389,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
       "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-buffer": "1.14.1",
@@ -6465,7 +6401,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
       "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@webassemblyjs/helper-api-error": "1.13.2",
@@ -6480,7 +6415,6 @@
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
       "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.14.1",
         "@xtuc/long": "4.2.2"
@@ -6490,21 +6424,20 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
       "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "license": "BSD-3-Clause",
-      "peer": true
+      "license": "BSD-3-Clause"
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "license": "Apache-2.0",
-      "peer": true
+      "license": "Apache-2.0"
     },
     "node_modules/acorn": {
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -6517,7 +6450,6 @@
       "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
       "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       },
@@ -6539,7 +6471,6 @@
       "version": "7.1.4",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
       "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 14"
@@ -6567,7 +6498,6 @@
       "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
       "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ajv": "^8.0.0"
       },
@@ -6585,7 +6515,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
       "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -6601,8 +6530,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/ansi-escapes": {
       "version": "7.3.0",
@@ -6828,6 +6756,18 @@
         "node": ">=12"
       }
     },
+    "node_modules/ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
@@ -6948,6 +6888,97 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "license": "MIT"
     },
+    "node_modules/bare-events": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.2.tgz",
+      "integrity": "sha512-riJjyv1/mHLIPX4RwiK+oW9/4c3TEUeORHKefKAKnZ5kyslbN+HXowtbaVEqt4IMUB7OXlfixcs6gsFeo/jhiQ==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-fs": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.7.1.tgz",
+      "integrity": "sha512-WDRsyVN52eAx/lBamKD6uyw8H4228h/x0sGGGegOamM2cd7Pag88GfMQalobXI+HaEUxpCkbKQUDOQqt9wawRw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.9.0.tgz",
+      "integrity": "sha512-JTjuZyNIDpw+GytMO4a6TK1VXdVKKJr6DRxEHasyuYyShV2deuiHJK/ahGZlebc+SG0/wJCB9XK8gprBGDFi/Q==",
+      "license": "Apache-2.0",
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.13.0.tgz",
+      "integrity": "sha512-3zAJRZMDFGjdn+RVnNpF9kuELw+0Fl3lpndM4NcEOhb9zwtSo/deETfuIwMSE5BXanA0FrN1qVjffGwAg2Y7EA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "streamx": "^2.25.0",
+        "teex": "^1.0.1"
+      },
+      "peerDependencies": {
+        "bare-abort-controller": "*",
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        },
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-url": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.4.2.tgz",
+      "integrity": "sha512-/9a2j4ac6ckpmAHvod/ob7x439OAHst/drc2Clnq+reRYd/ovddwcF4LfoxHyNk5AuGBnPg+HqFjmE/Zpq6v0A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-path": "^3.0.0"
+      }
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.9.19",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.19.tgz",
@@ -6957,6 +6988,15 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
+    "node_modules/basic-ftp": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.3.0.tgz",
+      "integrity": "sha512-5K9eNNn7ywHPsYnFwjKgYH8Hf8B5emh7JKcPaVjjrMJFQQwGpwowEnZNEtHs7DfR7hCZsmaK3VA4HUK0YarT+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -7000,6 +7040,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -7014,6 +7055,15 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -7092,7 +7142,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -7167,11 +7216,23 @@
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
       "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.0"
       }
     },
+    "node_modules/chromium-bidi": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-14.0.0.tgz",
+      "integrity": "sha512-9gYlLtS6tStdRWzrtXaTMnqcM4dudNegMXJxkR0I/CXObHalYeYcAMPrL19eroNZHtJ8DQmu1E+ZNOYu/IXMXw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "mitt": "^3.0.1",
+        "zod": "^3.24.1"
+      },
+      "peerDependencies": {
+        "devtools-protocol": "*"
+      }
+    },
     "node_modules/class-variance-authority": {
       "version": "0.7.1",
       "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
@@ -7240,6 +7301,69 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/cliui/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/cliui/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui/node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -7315,6 +7439,32 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
+      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/crelt": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
@@ -7378,7 +7528,8 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/d3-array": {
       "version": "3.2.4",
@@ -7508,6 +7659,15 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
+      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/data-urls": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
@@ -7673,6 +7833,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/degenerator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
+      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.13.4",
+        "escodegen": "^2.1.0",
+        "esprima": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -7693,6 +7867,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.1595872",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1595872.tgz",
+      "integrity": "sha512-kRfgp8vWVjBu/fbYCiVFiOqsCk3CrMKEo3WbgGT2NXK2dG7vawWPBljixajVgGK9II8rDO9G0oD0zLt3I1daRg==",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
     "node_modules/dnd-core": {
       "version": "16.0.1",
       "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-16.0.1.tgz",
@@ -7731,8 +7912,7 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/dom-helpers": {
       "version": "5.2.1",
@@ -7749,10 +7929,6 @@
       "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
       "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
       "license": "(MPL-2.0 OR Apache-2.0)",
-<<<<<<< HEAD
-      "peer": true,
-=======
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
       }
@@ -7804,6 +7980,15 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "license": "MIT"
     },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
     "node_modules/engine.io-client": {
       "version": "6.6.4",
       "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.4.tgz",
@@ -7873,11 +8058,20 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/environment": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
-      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
-      "dev": true,
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -7886,6 +8080,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
     "node_modules/es-abstract": {
       "version": "1.24.1",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.1.tgz",
@@ -8124,12 +8327,34 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
     "node_modules/eslint": {
       "version": "9.39.2",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -8316,6 +8541,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -8548,6 +8774,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
@@ -8612,11 +8851,19 @@
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.8.x"
       }
     },
+    "node_modules/events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.7.0"
+      }
+    },
     "node_modules/expect-type": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
@@ -8627,6 +8874,26 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
     "node_modules/fast-check": {
       "version": "3.23.2",
       "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.23.2.tgz",
@@ -8672,6 +8939,12 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "license": "MIT"
+    },
     "node_modules/fast-glob": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
@@ -8741,6 +9014,15 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -8978,6 +9260,15 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
     "node_modules/get-east-asian-width": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
@@ -9034,6 +9325,21 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
@@ -9064,6 +9370,20 @@
         "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
+    "node_modules/get-uri": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.5.tgz",
+      "integrity": "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==",
+      "license": "MIT",
+      "dependencies": {
+        "basic-ftp": "^5.0.2",
+        "data-uri-to-buffer": "^6.0.2",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/glob": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/glob/-/glob-11.1.0.tgz",
@@ -9104,8 +9424,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "license": "BSD-2-Clause",
-      "peer": true
+      "license": "BSD-2-Clause"
     },
     "node_modules/glob/node_modules/minimatch": {
       "version": "10.1.1",
@@ -9297,7 +9616,6 @@
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
       "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "agent-base": "^7.1.0",
@@ -9311,7 +9629,6 @@
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
       "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "agent-base": "^7.1.2",
@@ -9370,7 +9687,6 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
       "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
@@ -9426,6 +9742,15 @@
         "node": ">=12"
       }
     },
+    "node_modules/ip-address": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.1.tgz",
+      "integrity": "sha512-1FMu8/N15Ck1BL551Jf42NYIoin2unWjLQ2Fze/DXryJRl5twqtwNHlO39qERGbIOcKYWHdgRryhOC+NG4eaLw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -9443,6 +9768,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
     "node_modules/is-async-function": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
@@ -9925,7 +10256,6 @@
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -9940,7 +10270,6 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -9971,7 +10300,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
       "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
@@ -9986,6 +10314,7 @@
       "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "cssstyle": "^4.2.1",
         "data-urls": "^5.0.0",
@@ -10039,6 +10368,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
     "node_modules/json-schema": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
@@ -10423,6 +10758,12 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
     "node_modules/linkify-it": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
@@ -10581,7 +10922,6 @@
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.2.tgz",
       "integrity": "sha512-DFEqQ3ihfS9blba08cLfYf1NRAIEm+dDjic073DRDc3/JspI/8wYmtDsHwd3+4hwvdxSK7PGaElfTmm0awWJ4w==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=6.11.5"
       },
@@ -10781,7 +11121,6 @@
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -10830,7 +11169,6 @@
       "resolved": "https://registry.npmjs.org/marked/-/marked-14.0.0.tgz",
       "integrity": "sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "marked": "bin/marked.js"
       },
@@ -10853,21 +11191,17 @@
       "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
       "license": "MIT"
     },
-<<<<<<< HEAD
-=======
     "node_modules/memoize-one": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
       "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==",
       "license": "MIT"
     },
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/merge2": {
       "version": "1.4.1",
@@ -10898,7 +11232,6 @@
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
       "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -10958,6 +11291,12 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "license": "MIT"
+    },
     "node_modules/monaco-editor": {
       "version": "0.55.1",
       "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
@@ -11035,8 +11374,16 @@
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "license": "MIT"
+    },
+    "node_modules/netmask": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.1.1.tgz",
+      "integrity": "sha512-eonl3sLUha+S1GzTPxychyhnUzKyeQkZ7jLjKrBagJgPla13F+uQ71HgpFefyHgqrjEbCPkDArxYsjY8/+gLKA==",
       "license": "MIT",
-      "peer": true
+      "engines": {
+        "node": ">= 0.4.0"
+      }
     },
     "node_modules/next": {
       "version": "15.3.1",
@@ -11272,6 +11619,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
     "node_modules/onetime": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/onetime/-/onetime-7.0.0.tgz",
@@ -11361,6 +11717,38 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pac-proxy-agent": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
+      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/quickjs-emscripten": "^0.23.0",
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "get-uri": "^6.0.1",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.6",
+        "pac-resolver": "^7.0.1",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/pac-resolver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+      "license": "MIT",
+      "dependencies": {
+        "degenerator": "^5.0.0",
+        "netmask": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/package-json-from-dist": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
@@ -11371,7 +11759,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
@@ -11380,6 +11767,24 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/parse5": {
       "version": "7.3.0",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz",
@@ -11460,6 +11865,12 @@
         "node": ">= 14.16"
       }
     },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -11532,6 +11943,7 @@
       "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "prettier": "bin-prettier.js"
       },
@@ -11573,7 +11985,6 @@
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -11589,7 +12000,6 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -11597,6 +12007,15 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -11726,6 +12145,7 @@
       "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.4.tgz",
       "integrity": "sha512-PIM7E43PBxKce8OQeezAs9j4TP+5yDpZVbuurd1h5phUxEKIu+G2a+EUZzIC5nS1mJktDJWzbqS23n1tsAf5QA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "orderedmap": "^2.0.0"
       }
@@ -11755,6 +12175,7 @@
       "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz",
       "integrity": "sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "prosemirror-model": "^1.0.0",
         "prosemirror-transform": "^1.0.0",
@@ -11803,12 +12224,57 @@
       "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.41.6.tgz",
       "integrity": "sha512-mxpcDG4hNQa/CPtzxjdlir5bJFDlm0/x5nGBbStB2BWX+XOQ9M8ekEG+ojqB5BcVu2Rc80/jssCMZzSstJuSYg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "prosemirror-model": "^1.20.0",
         "prosemirror-state": "^1.0.0",
         "prosemirror-transform": "^1.1.0"
       }
     },
+    "node_modules/proxy-agent": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "http-proxy-agent": "^7.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "lru-cache": "^7.14.1",
+        "pac-proxy-agent": "^7.1.0",
+        "proxy-from-env": "^1.1.0",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -11827,6 +12293,45 @@
         "node": ">=6"
       }
     },
+    "node_modules/puppeteer": {
+      "version": "24.42.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.42.0.tgz",
+      "integrity": "sha512-94MoPfFp2eY3eYIMdINkez4IOP5TMHntlZbVx06fHlQTtiQiYgaY0L2Zzfod8PVUkPqP7m3Qlre2v8YS8cudPA==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.13.0",
+        "chromium-bidi": "14.0.0",
+        "cosmiconfig": "^9.0.0",
+        "devtools-protocol": "0.0.1595872",
+        "puppeteer-core": "24.42.0",
+        "typed-query-selector": "^2.12.1"
+      },
+      "bin": {
+        "puppeteer": "lib/cjs/puppeteer/node/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/puppeteer-core": {
+      "version": "24.42.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.42.0.tgz",
+      "integrity": "sha512-T4zXokk/izH01fYPhyyev1A4piWiOKrYq7CUFpdoYQxmOnXoV6YjUabmfIjCYkNspSoAXIxRid3Tw+Vg0fthYg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.13.0",
+        "chromium-bidi": "14.0.0",
+        "debug": "^4.4.3",
+        "devtools-protocol": "0.0.1595872",
+        "typed-query-selector": "^2.12.1",
+        "webdriver-bidi-protocol": "0.4.1",
+        "ws": "^8.19.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/pure-rand": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
@@ -11885,6 +12390,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -11949,6 +12455,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -11962,6 +12469,7 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.71.1.tgz",
       "integrity": "sha512-9SUJKCGKo8HUSsCO+y0CtqkqI5nNuaDqTxyqPsZPqIwudpj4rCrAz/jZV+jn57bx5gtZKOh3neQu94DXMc+w5w==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -12019,8 +12527,7 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/react-redux": {
       "version": "9.2.0",
@@ -12076,8 +12583,6 @@
         "react-dom": ">=16.6.0"
       }
     },
-<<<<<<< HEAD
-=======
     "node_modules/react-virtualized-auto-sizer": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.7.tgz",
@@ -12108,7 +12613,6 @@
         "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
     "node_modules/recharts": {
       "version": "2.15.4",
       "resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.4.tgz",
@@ -12165,7 +12669,8 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
       "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
@@ -12262,6 +12767,15 @@
         "regjsparser": "bin/parser"
       }
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
@@ -12295,7 +12809,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=4"
@@ -12352,6 +12865,7 @@
       "integrity": "sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.8"
       },
@@ -12534,7 +13048,6 @@
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz",
       "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "ajv": "^8.9.0",
@@ -12571,7 +13084,6 @@
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
       "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3"
       },
@@ -12583,14 +13095,12 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
-      "devOptional": true,
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -12857,6 +13367,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
     "node_modules/smob": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/smob/-/smob-1.5.0.tgz",
@@ -12891,6 +13411,34 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/source-list-map": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
@@ -12980,6 +13528,17 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/streamx": {
+      "version": "2.25.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.25.0.tgz",
+      "integrity": "sha512-0nQuG6jf1w+wddNEEXCF4nTg3LtufWINB5eFEN+5TNZW7KWJp6x87+JFL43vaAUPyCfH1wID+mNVyW6OHtFamg==",
+      "license": "MIT",
+      "dependencies": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
     "node_modules/string-argv": {
       "version": "0.3.2",
       "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
@@ -13333,6 +13892,55 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/tar-fs": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.2.tgz",
+      "integrity": "sha512-QGxxTxxyleAdyM3kpFs14ymbYmNFrfY+pHj7Z8FgtbZ7w2//VAgLMac7sT6nRpIHjppXO2AwwEOg0bPFVRcmXw==",
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.8.tgz",
+      "integrity": "sha512-U6QpVRyCGHva435KoNWy9PRoi2IFYCgtEhq9nmrPPpbRacPs9IH4aJ3gbrFC8dPcXvdSZ4XXfXT5Fshbp2MtlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/tar-stream/node_modules/b4a": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.0.tgz",
+      "integrity": "sha512-qRuSmNSkGQaHwNbM7J78Wwy+ghLEYF1zNrSeMxj4Kgw6y33O3mXcQ6Ie9fRvfU/YnxWkOchPXbaLb73TkIsfdg==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/teex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
+      "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
+      "license": "MIT",
+      "dependencies": {
+        "streamx": "^2.12.5"
+      }
+    },
     "node_modules/temp-dir": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
@@ -13383,7 +13991,6 @@
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.5.0.tgz",
       "integrity": "sha512-UYhptBwhWvfIjKd/UuFo6D8uq9xpGLDK+z8EDsj/zWhrTaH34cKEbrkMKfV5YWqGBvAYA3tlzZbs2R+qYrbQJA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
@@ -13412,6 +14019,29 @@
         }
       }
     },
+    "node_modules/text-decoder": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.7.tgz",
+      "integrity": "sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "node_modules/text-decoder/node_modules/b4a": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.0.tgz",
+      "integrity": "sha512-qRuSmNSkGQaHwNbM7J78Wwy+ghLEYF1zNrSeMxj4Kgw6y33O3mXcQ6Ie9fRvfU/YnxWkOchPXbaLb73TkIsfdg==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/tiny-invariant": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
@@ -13473,6 +14103,7 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -13700,12 +14331,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typed-query-selector": {
+      "version": "2.12.2",
+      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.2.tgz",
+      "integrity": "sha512-EOPFbyIub4ngnEdqi2yOcNeDLaX/0jcE1JoAXQDDMIthap7FoN795lc/SHfIq2d416VufXpM8z/lD+WRm2gfOQ==",
+      "license": "MIT"
+    },
     "node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -13927,6 +14565,7 @@
       "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.43",
@@ -14094,7 +14733,6 @@
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz",
       "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
@@ -14109,6 +14747,12 @@
       "integrity": "sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==",
       "license": "Apache-2.0"
     },
+    "node_modules/webdriver-bidi-protocol": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
+      "integrity": "sha512-ARrjNjtWRRs2w4Tk7nqrf2gBI0QXWuOmMCx2hU+1jUt6d00MjMxURrhxhGbrsoiZKJrhTSTzbIrc554iKI10qw==",
+      "license": "Apache-2.0"
+    },
     "node_modules/webidl-conversions": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
@@ -14124,7 +14768,6 @@
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.106.2.tgz",
       "integrity": "sha512-wGN3qcrBQIFmQ/c0AiOAQBvrZ5lmY8vbbMv4Mxfgzqd/B6+9pXtLo73WuS1dSGXM5QYY3hZnIbvx+K1xxe6FyA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.8",
@@ -14172,7 +14815,6 @@
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.4.0.tgz",
       "integrity": "sha512-gHwIe1cgBvvfLeu1Yz/dcFpmHfKDVxxyqI+kzqmuxZED81z2ChxpyqPaWcNqigPywhaEke7AjSGga+kxY55gjQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -14181,15 +14823,13 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.1.0.tgz",
       "integrity": "sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/webpack/node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
@@ -14203,7 +14843,6 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "license": "BSD-2-Clause",
-      "peer": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -14527,6 +15166,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -14564,6 +15204,7 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
       "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -14851,11 +15492,16 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    },
     "node_modules/ws": {
       "version": "8.19.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
       "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10.0.0"
@@ -14898,6 +15544,15 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -14920,6 +15575,75 @@
         "url": "https://github.com/sponsors/eemeli"
       }
     },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/yargs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yargs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 46972eb6..9752ce24 100644
--- a/package.json
+++ b/package.json
@@ -39,15 +39,13 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
-<<<<<<< HEAD
-=======
     "dompurify": "^3.2.4",
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
     "framer-motion": "^12.23.0",
     "idb": "^8.0.0",
     "lucide-react": "^0.462.0",
     "next": "15.3.1",
     "next-themes": "^0.4.6",
+    "puppeteer": "^24.42.0",
     "react": "^18.3.1",
     "react-countdown": "^2.3.6",
     "react-dnd": "^16.0.1",
@@ -57,20 +55,13 @@
     "react-hot-toast": "^2.6.0",
     "react-icons": "^5.5.0",
     "react-intersection-observer": "^10.0.3",
-<<<<<<< HEAD
-=======
     "react-virtualized-auto-sizer": "^1.0.7",
     "react-window": "^1.8.9",
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
     "recharts": "^2.15.4",
     "socket.io-client": "^4.8.3",
     "tailwind-merge": "^2.6.0",
     "web-vitals": "^4.2.4",
     "workbox-webpack-plugin": "^7.0.0",
-<<<<<<< HEAD
-    "dompurify": "^3.2.4",
-=======
->>>>>>> bc54ed8 (clean: remove node_modules and reset repo)
     "zod": "^3.25.75",
     "zustand": "^5.0.10"
   },
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
index d3d37be2..a8c7f11b 100644
--- a/src/app/api/auth/login/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -7,7 +7,7 @@ export async function POST(
 ): Promise<NextResponse<AuthResponse | { message: string }>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'AUTH');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<{ message: string }>;
   }
 
   try {
@@ -16,7 +16,9 @@ export async function POST(
 
     // Mock validation
     if (!email || !password) {
-      return addHeaders(NextResponse.json({ message: 'Email and password are required' }, { status: 400 }));
+      return addHeaders(
+        NextResponse.json({ message: 'Email and password are required' }, { status: 400 }),
+      ) as NextResponse<{ message: string }>;
     }
 
     // Mock authentication - check for demo credentials
@@ -35,7 +37,7 @@ export async function POST(
           },
           { status: 200 },
         ),
-      );
+      ) as NextResponse<AuthResponse>;
     }
 
     // Mock: Accept any valid email format with password length >= 6
@@ -53,13 +55,17 @@ export async function POST(
           },
           { status: 200 },
         ),
-      );
+      ) as NextResponse<AuthResponse>;
     }
 
     // Invalid credentials
-    return addHeaders(NextResponse.json({ message: 'Invalid email or password' }, { status: 401 }));
+    return addHeaders(
+      NextResponse.json({ message: 'Invalid email or password' }, { status: 401 }),
+    ) as NextResponse<{ message: string }>;
   } catch (error) {
     console.error('Login error:', error);
-    return addHeaders(NextResponse.json({ message: 'Internal server error' }, { status: 500 }));
+    return addHeaders(
+      NextResponse.json({ message: 'Internal server error' }, { status: 500 }),
+    ) as NextResponse<{ message: string }>;
   }
 }
diff --git a/src/app/api/auth/signup/route.ts b/src/app/api/auth/signup/route.ts
index 4edf6d04..0ded11f8 100644
--- a/src/app/api/auth/signup/route.ts
+++ b/src/app/api/auth/signup/route.ts
@@ -7,7 +7,7 @@ export async function POST(
 ): Promise<NextResponse<AuthResponse | { message: string }>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'AUTH');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<{ message: string }>;
   }
 
   try {
@@ -15,21 +15,27 @@ export async function POST(
     const { name, email, password, confirmPassword } = body;
 
     if (!name || !email || !password || !confirmPassword) {
-      return addHeaders(NextResponse.json({ message: 'All fields are required' }, { status: 400 }));
+      return addHeaders(
+        NextResponse.json({ message: 'All fields are required' }, { status: 400 }),
+      ) as NextResponse<{ message: string }>;
     }
 
     if (password !== confirmPassword) {
-      return addHeaders(NextResponse.json({ message: "Passwords don't match" }, { status: 400 }));
+      return addHeaders(
+        NextResponse.json({ message: "Passwords don't match" }, { status: 400 }),
+      ) as NextResponse<{ message: string }>;
     }
 
     if (password.length < 6) {
       return addHeaders(
         NextResponse.json({ message: 'Password must be at least 6 characters' }, { status: 400 }),
-      );
+      ) as NextResponse<{ message: string }>;
     }
 
     if (email === 'existing@teachlink.com') {
-      return addHeaders(NextResponse.json({ message: 'Email already registered' }, { status: 409 }));
+      return addHeaders(
+        NextResponse.json({ message: 'Email already registered' }, { status: 409 }),
+      ) as NextResponse<{ message: string }>;
     }
 
     return addHeaders(
@@ -45,9 +51,11 @@ export async function POST(
         },
         { status: 201 },
       ),
-    );
+    ) as NextResponse<AuthResponse>;
   } catch (error) {
     console.error('Signup error:', error);
-    return addHeaders(NextResponse.json({ message: 'Internal server error' }, { status: 500 }));
+    return addHeaders(
+      NextResponse.json({ message: 'Internal server error' }, { status: 500 }),
+    ) as NextResponse<{ message: string }>;
   }
 }
diff --git a/src/app/api/bookmarks/route.ts b/src/app/api/bookmarks/route.ts
index 6fcab1cd..b685c33c 100644
--- a/src/app/api/bookmarks/route.ts
+++ b/src/app/api/bookmarks/route.ts
@@ -16,7 +16,9 @@ export async function GET(
 ): Promise<NextResponse<ApiResponse<PersistedVideoBookmark[]> | SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<
+      ApiResponse<PersistedVideoBookmark[]> | SuccessResponse
+    >;
   }
 
   const { searchParams } = new URL(request.url);
@@ -24,7 +26,9 @@ export async function GET(
   const userId = searchParams.get('userId') ?? undefined;
 
   if (!lessonId) {
-    return addHeaders(NextResponse.json({ success: false, message: 'lessonId is required' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'lessonId is required' }, { status: 400 }),
+    );
   }
 
   return addHeaders(
@@ -40,7 +44,7 @@ export async function POST(
 ): Promise<NextResponse<ApiResponse<PersistedVideoBookmark> | SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<ApiResponse<PersistedVideoBookmark> | SuccessResponse>;
   }
 
   const body = (await request.json()) as {
@@ -50,7 +54,9 @@ export async function POST(
   };
 
   if (!body?.lessonId || !body?.bookmark?.time || !body?.bookmark?.title) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const now = new Date().toISOString();
@@ -76,7 +82,7 @@ export async function POST(
 export async function PATCH(request: Request): Promise<NextResponse<SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<SuccessResponse>;
   }
 
   const body = (await request.json()) as {
@@ -89,7 +95,9 @@ export async function PATCH(request: Request): Promise<NextResponse<SuccessRespo
   };
 
   if (!body?.lessonId || !body?.id || !body?.title) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const key = keyFor(body.userId, body.lessonId);
@@ -115,12 +123,14 @@ export async function PATCH(request: Request): Promise<NextResponse<SuccessRespo
 export async function DELETE(request: Request): Promise<NextResponse<SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<SuccessResponse>;
   }
 
   const body = (await request.json()) as { userId?: string; lessonId: string; id: string };
   if (!body?.lessonId || !body?.id) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const key = keyFor(body.userId, body.lessonId);
diff --git a/src/app/api/generate-pdf/route.ts b/src/app/api/generate-pdf/route.ts
new file mode 100644
index 00000000..bd666b35
--- /dev/null
+++ b/src/app/api/generate-pdf/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { generatePDF } from '../../../services/pdf-generation';
+import { generateReportHTML, ReportData } from '../../../lib/pdf/templates';
+
+export async function POST(request: NextRequest) {
+  try {
+    const body: ReportData = await request.json();
+
+    const html = generateReportHTML(body);
+    const pdfBuffer = await generatePDF(html);
+    const pdfBody = new Uint8Array(
+      pdfBuffer.buffer as ArrayBuffer,
+      pdfBuffer.byteOffset,
+      pdfBuffer.byteLength,
+    );
+    const pdfBlob = new Blob([pdfBody], { type: 'application/pdf' });
+
+    return new NextResponse(pdfBlob, {
+      headers: {
+        'Content-Type': 'application/pdf',
+        'Content-Disposition': 'attachment; filename="report.pdf"',
+      },
+    });
+  } catch (error) {
+    console.error('Error generating PDF:', error);
+    return NextResponse.json({ error: 'Failed to generate PDF' }, { status: 500 });
+  }
+}
diff --git a/src/app/api/notes/route.ts b/src/app/api/notes/route.ts
index 36dc59e7..deb5ce52 100644
--- a/src/app/api/notes/route.ts
+++ b/src/app/api/notes/route.ts
@@ -16,7 +16,7 @@ export async function GET(
 ): Promise<NextResponse<ApiResponse<PersistedVideoNote[]> | SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<ApiResponse<PersistedVideoNote[]> | SuccessResponse>;
   }
 
   const { searchParams } = new URL(request.url);
@@ -24,7 +24,9 @@ export async function GET(
   const userId = searchParams.get('userId') ?? undefined;
 
   if (!lessonId) {
-    return addHeaders(NextResponse.json({ success: false, message: 'lessonId is required' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'lessonId is required' }, { status: 400 }),
+    );
   }
 
   return addHeaders(
@@ -40,7 +42,7 @@ export async function POST(
 ): Promise<NextResponse<ApiResponse<PersistedVideoNote> | SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<ApiResponse<PersistedVideoNote> | SuccessResponse>;
   }
 
   const body = (await request.json()) as {
@@ -50,7 +52,9 @@ export async function POST(
   };
 
   if (!body?.lessonId || !body?.note?.time || !body?.note?.text) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const now = new Date().toISOString();
@@ -74,7 +78,7 @@ export async function POST(
 export async function PATCH(request: Request): Promise<NextResponse<SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<SuccessResponse>;
   }
 
   const body = (await request.json()) as {
@@ -86,7 +90,9 @@ export async function PATCH(request: Request): Promise<NextResponse<SuccessRespo
   };
 
   if (!body?.lessonId || !body?.id || !body?.text) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const key = keyFor(body.userId, body.lessonId);
@@ -111,12 +117,14 @@ export async function PATCH(request: Request): Promise<NextResponse<SuccessRespo
 export async function DELETE(request: Request): Promise<NextResponse<SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<SuccessResponse>;
   }
 
   const body = (await request.json()) as { userId?: string; lessonId: string; id: string };
   if (!body?.lessonId || !body?.id) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const key = keyFor(body.userId, body.lessonId);
diff --git a/src/app/api/video-analytics/route.ts b/src/app/api/video-analytics/route.ts
index b4f72bff..e2fe6342 100644
--- a/src/app/api/video-analytics/route.ts
+++ b/src/app/api/video-analytics/route.ts
@@ -19,7 +19,7 @@ const keyFor = (userId: string | undefined, lessonId: string) => {
 export async function POST(request: Request): Promise<NextResponse<SuccessResponse>> {
   const { addHeaders, rateLimitResponse } = withRateLimit(request, 'WRITE');
   if (rateLimitResponse) {
-    return rateLimitResponse as NextResponse;
+    return rateLimitResponse as NextResponse<SuccessResponse>;
   }
 
   const body = (await request.json()) as {
@@ -30,7 +30,9 @@ export async function POST(request: Request): Promise<NextResponse<SuccessRespon
   };
 
   if (!body?.lessonId || !body?.eventType) {
-    return addHeaders(NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }));
+    return addHeaders(
+      NextResponse.json({ success: false, message: 'Invalid payload' }, { status: 400 }),
+    );
   }
 
   const event: AnalyticsEvent = {
diff --git a/src/app/components/messaging/ConversationList.tsx b/src/app/components/messaging/ConversationList.tsx
index 1584b1ee..1904b0fa 100644
--- a/src/app/components/messaging/ConversationList.tsx
+++ b/src/app/components/messaging/ConversationList.tsx
@@ -99,7 +99,11 @@ export default function ConversationList({
           <EmptyState
             icon={FiMessageCircle as any}
             title={searchQuery ? 'No conversations found' : 'No conversations yet'}
-            description={searchQuery ? 'Try a different search term' : 'Start a new conversation to begin messaging'}
+            description={
+              searchQuery
+                ? 'Try a different search term'
+                : 'Start a new conversation to begin messaging'
+            }
           />
         ) : (
           <div className="space-y-0.5 px-2">
diff --git a/src/app/components/notifications/NotificationCenter.tsx b/src/app/components/notifications/NotificationCenter.tsx
index 2cbf758a..a492e2ac 100644
--- a/src/app/components/notifications/NotificationCenter.tsx
+++ b/src/app/components/notifications/NotificationCenter.tsx
@@ -325,7 +325,9 @@ export default function NotificationCenter({
         {processedNotifications.length === 0 ? (
           <EmptyState
             icon={Bell}
-            title={hasActiveFilters ? 'No notifications match your filters' : "You're all caught up!"}
+            title={
+              hasActiveFilters ? 'No notifications match your filters' : "You're all caught up!"
+            }
             action={
               hasActiveFilters ? (
                 <button
diff --git a/src/app/components/quizzes/QuizContainer.tsx b/src/app/components/quizzes/QuizContainer.tsx
index 5c36298f..be0f8392 100644
--- a/src/app/components/quizzes/QuizContainer.tsx
+++ b/src/app/components/quizzes/QuizContainer.tsx
@@ -4,7 +4,6 @@ import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import Countdown from 'react-countdown';
 import { FaArrowLeft, FaArrowRight, FaCheck } from 'react-icons/fa';
-import { Quiz, useQuizStore } from '@/app/store/quizStore';
 import { useQuizStore } from '@/store/quizStore';
 import type { Quiz } from '@/store/quizStore';
 import QuestionCard from './QuestionCard';
diff --git a/src/app/components/search/SearchResults.tsx b/src/app/components/search/SearchResults.tsx
index 301a210a..f74260b3 100644
--- a/src/app/components/search/SearchResults.tsx
+++ b/src/app/components/search/SearchResults.tsx
@@ -45,7 +45,13 @@ export const SearchResults: React.FC<SearchResultsProps> = ({
   }
 
   if (!results || results.length === 0) {
-    return <EmptyState icon={SearchX} title="No courses found" description="Try adjusting your search or filters" />;
+    return (
+      <EmptyState
+        icon={SearchX}
+        title="No courses found"
+        description="Try adjusting your search or filters"
+      />
+    );
   }
 
   const getPriceDisplay = (price: number, originalPrice?: number | null) => {
diff --git a/src/app/components/social/SharedResourceLibrary.tsx b/src/app/components/social/SharedResourceLibrary.tsx
index 03cef8ec..cef4c2f5 100644
--- a/src/app/components/social/SharedResourceLibrary.tsx
+++ b/src/app/components/social/SharedResourceLibrary.tsx
@@ -212,7 +212,9 @@ export default function SharedResourceLibrary({ resources, onAdd }: SharedResour
             {filteredResources.filter((r) => r.type === 'link').length === 0 && (
               <EmptyState
                 icon={LinkIcon}
-                title={searchQuery || filterType !== 'all' ? 'No matching links found' : 'No links yet'}
+                title={
+                  searchQuery || filterType !== 'all' ? 'No matching links found' : 'No links yet'
+                }
                 className="border border-dashed border-gray-300 dark:border-gray-600 rounded-lg py-6"
               />
             )}
@@ -260,7 +262,9 @@ export default function SharedResourceLibrary({ resources, onAdd }: SharedResour
             {filteredResources.filter((r) => r.type === 'file').length === 0 && (
               <EmptyState
                 icon={FolderOpen}
-                title={searchQuery || filterType !== 'all' ? 'No matching files found' : 'No files yet'}
+                title={
+                  searchQuery || filterType !== 'all' ? 'No matching files found' : 'No files yet'
+                }
                 className="border border-dashed border-gray-300 dark:border-gray-600 rounded-lg py-6"
               />
             )}
diff --git a/src/app/components/video/AdvancedVideoPlayer.tsx b/src/app/components/video/AdvancedVideoPlayer.tsx
index 63977e4e..deafdca7 100644
--- a/src/app/components/video/AdvancedVideoPlayer.tsx
+++ b/src/app/components/video/AdvancedVideoPlayer.tsx
@@ -373,268 +373,268 @@ export function AdvancedVideoPlayer(props: AdvancedVideoPlayerProps) {
 
   return (
     <VideoPlayerContext.Provider value={videoPlayerContextValue}>
-    <div
-      ref={containerRef}
-      className={`relative bg-black rounded-lg overflow-hidden group ${className}`}
-      onMouseEnter={() => setShowControls(true)}
-      onMouseLeave={() => {
-        if (isPlaying) setShowControls(false);
-      }}
-      onTouchStart={handleTouchStart}
-      onTouchMove={handleTouchMove}
-      onTouchEnd={handleTouchEnd}
-      role="region"
-      aria-label="Advanced video player"
-      tabIndex={0}
-    >
-      <div aria-live="polite" aria-atomic="true" className="sr-only">
-        {announcement}
-      </div>
-
-      <video
-        ref={videoRef}
-        src={isLoaded ? activeSrc : undefined}
-        poster={poster}
-        preload="metadata"
-        className="w-full h-full object-contain"
-        onDoubleClick={toggleFullscreen}
-        onLoadedMetadata={() => {
-          const pending = pendingQualitySeekRef.current;
-          if (!pending || !videoRef.current) return;
-          const nextTime = pending.time;
-          pendingQualitySeekRef.current = null;
-          // Apply without counting as user seek.
-          seekTo(clampSeekTime(nextTime));
-          if (pending.shouldPlay) void play();
+      <div
+        ref={containerRef}
+        className={`relative bg-black rounded-lg overflow-hidden group ${className}`}
+        onMouseEnter={() => setShowControls(true)}
+        onMouseLeave={() => {
+          if (isPlaying) setShowControls(false);
         }}
-      />
-
-      {/* Loading Overlay */}
-      <AnimatePresence>
-        {isLoading && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            className="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center"
-          >
-            <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-white" />
-          </motion.div>
-        )}
-      </AnimatePresence>
-
-      {/* Controls Overlay */}
-      <AnimatePresence>
-        {showControls && (
-          <motion.div
-            initial={{ opacity: 0, y: 20 }}
-            animate={{ opacity: 1, y: 0 }}
-            exit={{ opacity: 0, y: 20 }}
-            className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4"
-          >
-            {/* Progress Bar */}
-            <div className="mb-4">
-              <div
-                className="relative h-1 bg-white/30 rounded-full cursor-pointer"
-                onClick={(e) => {
-                  const rect = e.currentTarget.getBoundingClientRect();
-                  const clickX = e.clientX - rect.left;
-                  const percentage = rect.width > 0 ? clickX / rect.width : 0;
-                  seekToLearning(percentage * duration);
-                }}
-                role="slider"
-                aria-label="Video progress"
-                aria-valuetext={`${formatTime(currentTime)} of ${formatTime(duration)}`}
-                tabIndex={0}
-                onKeyDown={(e) => {
-                  if (e.key === 'ArrowLeft') {
-                    e.preventDefault();
-                    seekToLearning(currentTime - 10);
-                  } else if (e.key === 'ArrowRight') {
-                    e.preventDefault();
-                    seekToLearning(currentTime + 10);
-                  }
-                }}
-              >
-                <div
-                  className="absolute top-0 left-0 h-full bg-blue-500 rounded-full transition-all duration-150"
-                  style={{ width: seekBarCurrentWidth }}
-                />
+        onTouchStart={handleTouchStart}
+        onTouchMove={handleTouchMove}
+        onTouchEnd={handleTouchEnd}
+        role="region"
+        aria-label="Advanced video player"
+        tabIndex={0}
+      >
+        <div aria-live="polite" aria-atomic="true" className="sr-only">
+          {announcement}
+        </div>
+
+        <video
+          ref={videoRef}
+          src={isLoaded ? activeSrc : undefined}
+          poster={poster}
+          preload="metadata"
+          className="w-full h-full object-contain"
+          onDoubleClick={toggleFullscreen}
+          onLoadedMetadata={() => {
+            const pending = pendingQualitySeekRef.current;
+            if (!pending || !videoRef.current) return;
+            const nextTime = pending.time;
+            pendingQualitySeekRef.current = null;
+            // Apply without counting as user seek.
+            seekTo(clampSeekTime(nextTime));
+            if (pending.shouldPlay) void play();
+          }}
+        />
+
+        {/* Loading Overlay */}
+        <AnimatePresence>
+          {isLoading && (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center"
+            >
+              <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-white" />
+            </motion.div>
+          )}
+        </AnimatePresence>
+
+        {/* Controls Overlay */}
+        <AnimatePresence>
+          {showControls && (
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: 20 }}
+              className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4"
+            >
+              {/* Progress Bar */}
+              <div className="mb-4">
                 <div
-                  className="absolute top-0 h-full bg-white/50 rounded-full transition-all duration-150"
-                  style={{ width: seekBarBufferedWidth }}
-                />
-              </div>
-            </div>
-
-            <div className="flex items-center justify-between">
-              <div className="flex items-center space-x-4">
-                <button
-                  onClick={() => (isPlaying ? pause() : play())}
-                  className="p-3 rounded-full bg-white/20 hover:bg-white/30 transition-colors md:p-2"
-                  aria-label={isPlaying ? 'Pause video' : 'Play video'}
-                  type="button"
+                  className="relative h-1 bg-white/30 rounded-full cursor-pointer"
+                  onClick={(e) => {
+                    const rect = e.currentTarget.getBoundingClientRect();
+                    const clickX = e.clientX - rect.left;
+                    const percentage = rect.width > 0 ? clickX / rect.width : 0;
+                    seekToLearning(percentage * duration);
+                  }}
+                  role="slider"
+                  aria-label="Video progress"
+                  aria-valuetext={`${formatTime(currentTime)} of ${formatTime(duration)}`}
+                  tabIndex={0}
+                  onKeyDown={(e) => {
+                    if (e.key === 'ArrowLeft') {
+                      e.preventDefault();
+                      seekToLearning(currentTime - 10);
+                    } else if (e.key === 'ArrowRight') {
+                      e.preventDefault();
+                      seekToLearning(currentTime + 10);
+                    }
+                  }}
                 >
-                  {isPlaying ? (
-                    <Pause size={24} className="md:w-5 md:h-5" />
-                  ) : (
-                    <Play size={24} className="md:w-5 md:h-5" />
-                  )}
-                </button>
+                  <div
+                    className="absolute top-0 left-0 h-full bg-blue-500 rounded-full transition-all duration-150"
+                    style={{ width: seekBarCurrentWidth }}
+                  />
+                  <div
+                    className="absolute top-0 h-full bg-white/50 rounded-full transition-all duration-150"
+                    style={{ width: seekBarBufferedWidth }}
+                  />
+                </div>
+              </div>
 
-                <div className="flex items-center space-x-2">
+              <div className="flex items-center justify-between">
+                <div className="flex items-center space-x-4">
                   <button
-                    onClick={toggleMute}
-                    className="p-2 rounded hover:bg-white/20 transition-colors md:p-1"
-                    aria-label={isMuted ? 'Unmute audio' : 'Mute audio'}
+                    onClick={() => (isPlaying ? pause() : play())}
+                    className="p-3 rounded-full bg-white/20 hover:bg-white/30 transition-colors md:p-2"
+                    aria-label={isPlaying ? 'Pause video' : 'Play video'}
                     type="button"
                   >
-                    {isMuted ? (
-                      <VolumeX size={20} className="md:w-4 md:h-4" />
+                    {isPlaying ? (
+                      <Pause size={24} className="md:w-5 md:h-5" />
                     ) : (
-                      <Volume2 size={20} className="md:w-4 md:h-4" />
+                      <Play size={24} className="md:w-5 md:h-5" />
                     )}
                   </button>
-                  <input
-                    type="range"
-                    min="0"
-                    max="1"
-                    step="0.1"
-                    value={volume}
-                    onChange={(e) => setVolume(parseFloat(e.target.value))}
-                    className="w-20 h-1 bg-white/30 rounded-full appearance-none cursor-pointer"
-                    aria-label="Volume control"
-                  />
+
+                  <div className="flex items-center space-x-2">
+                    <button
+                      onClick={toggleMute}
+                      className="p-2 rounded hover:bg-white/20 transition-colors md:p-1"
+                      aria-label={isMuted ? 'Unmute audio' : 'Mute audio'}
+                      type="button"
+                    >
+                      {isMuted ? (
+                        <VolumeX size={20} className="md:w-4 md:h-4" />
+                      ) : (
+                        <Volume2 size={20} className="md:w-4 md:h-4" />
+                      )}
+                    </button>
+                    <input
+                      type="range"
+                      min="0"
+                      max="1"
+                      step="0.1"
+                      value={volume}
+                      onChange={(e) => setVolume(parseFloat(e.target.value))}
+                      className="w-20 h-1 bg-white/30 rounded-full appearance-none cursor-pointer"
+                      aria-label="Volume control"
+                    />
+                  </div>
+
+                  <span className="text-white text-sm">
+                    {formatTime(currentTime)} / {formatTime(duration)}
+                  </span>
                 </div>
 
-                <span className="text-white text-sm">
-                  {formatTime(currentTime)} / {formatTime(duration)}
-                </span>
-              </div>
+                <div className="flex items-center space-x-2">
+                  <button
+                    onClick={() => setShowBookmarks((s) => !s)}
+                    className={`p-3 rounded ${
+                      showBookmarks ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
+                    } transition-colors md:p-2`}
+                    title="Bookmarks"
+                    aria-label={showBookmarks ? 'Hide bookmarks panel' : 'Show bookmarks panel'}
+                    type="button"
+                  >
+                    <Bookmark size={20} className="md:w-4 md:h-4" />
+                  </button>
 
-              <div className="flex items-center space-x-2">
-                <button
-                  onClick={() => setShowBookmarks((s) => !s)}
-                  className={`p-3 rounded ${
-                    showBookmarks ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
-                  } transition-colors md:p-2`}
-                  title="Bookmarks"
-                  aria-label={showBookmarks ? 'Hide bookmarks panel' : 'Show bookmarks panel'}
-                  type="button"
-                >
-                  <Bookmark size={20} className="md:w-4 md:h-4" />
-                </button>
-
-                <button
-                  onClick={() => setShowTranscript((s) => !s)}
-                  className={`p-3 rounded ${
-                    showTranscript ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
-                  } transition-colors md:p-2`}
-                  title="Transcript"
-                  aria-label={showTranscript ? 'Hide transcript panel' : 'Show transcript panel'}
-                  type="button"
-                >
-                  <FileText size={20} className="md:w-4 md:h-4" />
-                </button>
-
-                <button
-                  onClick={() => setShowNotes((s) => !s)}
-                  className={`p-3 rounded ${
-                    showNotes ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
-                  } transition-colors md:p-2`}
-                  title="Notes"
-                  aria-label={showNotes ? 'Hide notes panel' : 'Show notes panel'}
-                  type="button"
-                >
-                  <MessageSquare size={20} className="md:w-4 md:h-4" />
-                </button>
+                  <button
+                    onClick={() => setShowTranscript((s) => !s)}
+                    className={`p-3 rounded ${
+                      showTranscript ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
+                    } transition-colors md:p-2`}
+                    title="Transcript"
+                    aria-label={showTranscript ? 'Hide transcript panel' : 'Show transcript panel'}
+                    type="button"
+                  >
+                    <FileText size={20} className="md:w-4 md:h-4" />
+                  </button>
 
-                {document.pictureInPictureEnabled && (
                   <button
-                    onClick={() => void togglePiP()}
+                    onClick={() => setShowNotes((s) => !s)}
                     className={`p-3 rounded ${
-                      isPiP ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
+                      showNotes ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
                     } transition-colors md:p-2`}
-                    title="Picture-in-Picture"
-                    aria-label={isPiP ? 'Exit Picture-in-Picture' : 'Enter Picture-in-Picture'}
+                    title="Notes"
+                    aria-label={showNotes ? 'Hide notes panel' : 'Show notes panel'}
                     type="button"
                   >
-                    {isPiP ? (
-                      <PictureInPicture2 size={20} className="md:w-4 md:h-4" />
+                    <MessageSquare size={20} className="md:w-4 md:h-4" />
+                  </button>
+
+                  {document.pictureInPictureEnabled && (
+                    <button
+                      onClick={() => void togglePiP()}
+                      className={`p-3 rounded ${
+                        isPiP ? 'bg-blue-500' : 'bg-white/20 hover:bg-white/30'
+                      } transition-colors md:p-2`}
+                      title="Picture-in-Picture"
+                      aria-label={isPiP ? 'Exit Picture-in-Picture' : 'Enter Picture-in-Picture'}
+                      type="button"
+                    >
+                      {isPiP ? (
+                        <PictureInPicture2 size={20} className="md:w-4 md:h-4" />
+                      ) : (
+                        <PictureInPicture size={20} className="md:w-4 md:h-4" />
+                      )}
+                    </button>
+                  )}
+
+                  <button
+                    onClick={toggleFullscreen}
+                    className="p-3 rounded bg-white/20 hover:bg-white/30 transition-colors md:p-2"
+                    title={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
+                    aria-label={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
+                    type="button"
+                  >
+                    {isFullscreen ? (
+                      <Minimize size={20} className="md:w-4 md:h-4" />
                     ) : (
-                      <PictureInPicture size={20} className="md:w-4 md:h-4" />
+                      <Maximize size={20} className="md:w-4 md:h-4" />
                     )}
                   </button>
-                )}
-
-                <button
-                  onClick={toggleFullscreen}
-                  className="p-3 rounded bg-white/20 hover:bg-white/30 transition-colors md:p-2"
-                  title={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
-                  aria-label={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
-                  type="button"
-                >
-                  {isFullscreen ? (
-                    <Minimize size={20} className="md:w-4 md:h-4" />
-                  ) : (
-                    <Maximize size={20} className="md:w-4 md:h-4" />
-                  )}
-                </button>
+                </div>
               </div>
-            </div>
 
-            <PlaybackControls />
+              <PlaybackControls />
 
-            <div className="mt-2 text-xs text-white/80 flex items-center justify-between">
-              <span>Watched: {Math.round(analytics.snapshot.watchSeconds)}s</span>
-              <span>Max progress: {Math.round(analytics.snapshot.maxProgressPercent)}%</span>
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-
-      {/* Side Panels */}
-      <div className="absolute top-0 right-0 h-full flex">
-        <AnimatePresence>
-          {showBookmarks && (
-            <motion.div
-              initial={{ x: 300 }}
-              animate={{ x: 0 }}
-              exit={{ x: 300 }}
-              className="w-80 bg-white shadow-lg"
-            >
-              <VideoBookmarks />
-            </motion.div>
-          )}
-        </AnimatePresence>
-
-        <AnimatePresence>
-          {showTranscript && (
-            <motion.div
-              initial={{ x: 300 }}
-              animate={{ x: 0 }}
-              exit={{ x: 300 }}
-              className="w-80 bg-white shadow-lg"
-            >
-              <TranscriptView />
+              <div className="mt-2 text-xs text-white/80 flex items-center justify-between">
+                <span>Watched: {Math.round(analytics.snapshot.watchSeconds)}s</span>
+                <span>Max progress: {Math.round(analytics.snapshot.maxProgressPercent)}%</span>
+              </div>
             </motion.div>
           )}
         </AnimatePresence>
 
-        <AnimatePresence>
-          {showNotes && (
-            <motion.div
-              initial={{ x: 300 }}
-              animate={{ x: 0 }}
-              exit={{ x: 300 }}
-              className="w-80 bg-white shadow-lg"
-            >
-              <VideoNotes />
-            </motion.div>
-          )}
-        </AnimatePresence>
+        {/* Side Panels */}
+        <div className="absolute top-0 right-0 h-full flex">
+          <AnimatePresence>
+            {showBookmarks && (
+              <motion.div
+                initial={{ x: 300 }}
+                animate={{ x: 0 }}
+                exit={{ x: 300 }}
+                className="w-80 bg-white shadow-lg"
+              >
+                <VideoBookmarks />
+              </motion.div>
+            )}
+          </AnimatePresence>
+
+          <AnimatePresence>
+            {showTranscript && (
+              <motion.div
+                initial={{ x: 300 }}
+                animate={{ x: 0 }}
+                exit={{ x: 300 }}
+                className="w-80 bg-white shadow-lg"
+              >
+                <TranscriptView />
+              </motion.div>
+            )}
+          </AnimatePresence>
+
+          <AnimatePresence>
+            {showNotes && (
+              <motion.div
+                initial={{ x: 300 }}
+                animate={{ x: 0 }}
+                exit={{ x: 300 }}
+                className="w-80 bg-white shadow-lg"
+              >
+                <VideoNotes />
+              </motion.div>
+            )}
+          </AnimatePresence>
+        </div>
       </div>
-    </div>
     </VideoPlayerContext.Provider>
   );
 }
diff --git a/src/app/components/video/TranscriptView.tsx b/src/app/components/video/TranscriptView.tsx
index 13cc7042..64faf367 100644
--- a/src/app/components/video/TranscriptView.tsx
+++ b/src/app/components/video/TranscriptView.tsx
@@ -44,164 +44,164 @@ interface TranscriptEntry {
 
 export const TranscriptView: React.FC = React.memo(() => {
   const { transcript, currentTime, seekToLearning: onSeek } = useVideoPlayerContext();
-    const containerRef = useRef<HTMLDivElement>(null);
-    const activeEntryRef = useRef<HTMLDivElement>(null);
-
-    // Find the current transcript entry
-    const currentEntryIndex = transcript.findIndex((entry) => entry.time > currentTime) - 1;
-    const currentEntry = currentEntryIndex >= 0 ? transcript[currentEntryIndex] : null;
-
-    // Virtual scrolling for performance with long transcripts
-    const VISIBLE_ITEMS = 20;
-    const ITEM_HEIGHT = 80;
-
-    const startIndex = Math.max(0, currentEntryIndex - Math.floor(VISIBLE_ITEMS / 2));
-    const endIndex = Math.min(transcript.length, startIndex + VISIBLE_ITEMS);
-    const visibleEntries = transcript.slice(startIndex, endIndex);
-
-    const containerHeight = transcript.length * ITEM_HEIGHT;
-    const offsetY = startIndex * ITEM_HEIGHT;
-
-    // Auto-scroll to current entry
-    useEffect(() => {
-      if (activeEntryRef.current && containerRef.current) {
-        const container = containerRef.current;
-        const activeElement = activeEntryRef.current;
-
-        const containerRect = container.getBoundingClientRect();
-        const elementRect = activeElement.getBoundingClientRect();
-
-        const isVisible =
-          elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;
-
-        if (!isVisible) {
-          activeElement.scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-          });
-        }
+  const containerRef = useRef<HTMLDivElement>(null);
+  const activeEntryRef = useRef<HTMLDivElement>(null);
+
+  // Find the current transcript entry
+  const currentEntryIndex = transcript.findIndex((entry) => entry.time > currentTime) - 1;
+  const currentEntry = currentEntryIndex >= 0 ? transcript[currentEntryIndex] : null;
+
+  // Virtual scrolling for performance with long transcripts
+  const VISIBLE_ITEMS = 20;
+  const ITEM_HEIGHT = 80;
+
+  const startIndex = Math.max(0, currentEntryIndex - Math.floor(VISIBLE_ITEMS / 2));
+  const endIndex = Math.min(transcript.length, startIndex + VISIBLE_ITEMS);
+  const visibleEntries = transcript.slice(startIndex, endIndex);
+
+  const containerHeight = transcript.length * ITEM_HEIGHT;
+  const offsetY = startIndex * ITEM_HEIGHT;
+
+  // Auto-scroll to current entry
+  useEffect(() => {
+    if (activeEntryRef.current && containerRef.current) {
+      const container = containerRef.current;
+      const activeElement = activeEntryRef.current;
+
+      const containerRect = container.getBoundingClientRect();
+      const elementRect = activeElement.getBoundingClientRect();
+
+      const isVisible =
+        elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;
+
+      if (!isVisible) {
+        activeElement.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center',
+        });
       }
-    }, [currentTime]);
-
-    const formatTime = (seconds: number): string => {
-      const mins = Math.floor(seconds / 60);
-      const secs = Math.floor(seconds % 60);
-      return `${mins}:${secs.toString().padStart(2, '0')}`;
-    };
-
-    const isActiveEntry = (entry: TranscriptEntry, index: number) => {
-      if (index === currentEntryIndex) return true;
-
-      // Check if current time is within this entry's range
-      const nextEntry = transcript[index + 1];
-      const endTime = nextEntry ? nextEntry.time : Infinity;
-      return currentTime >= entry.time && currentTime < endTime;
-    };
-
-    return (
-      <div className="h-full flex flex-col bg-white">
-        {/* Header */}
-        <div className="p-4 border-b border-gray-200">
-          <h3 className="text-lg font-semibold text-gray-900">Transcript</h3>
-          {currentEntry && (
-            <p className="text-sm text-gray-600 mt-1">Current: {formatTime(currentTime)}</p>
-          )}
-        </div>
+    }
+  }, [currentTime]);
+
+  const formatTime = (seconds: number): string => {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+  };
+
+  const isActiveEntry = (entry: TranscriptEntry, index: number) => {
+    if (index === currentEntryIndex) return true;
+
+    // Check if current time is within this entry's range
+    const nextEntry = transcript[index + 1];
+    const endTime = nextEntry ? nextEntry.time : Infinity;
+    return currentTime >= entry.time && currentTime < endTime;
+  };
+
+  return (
+    <div className="h-full flex flex-col bg-white">
+      {/* Header */}
+      <div className="p-4 border-b border-gray-200">
+        <h3 className="text-lg font-semibold text-gray-900">Transcript</h3>
+        {currentEntry && (
+          <p className="text-sm text-gray-600 mt-1">Current: {formatTime(currentTime)}</p>
+        )}
+      </div>
 
-        {/* Transcript Content */}
-        <div
-          ref={containerRef}
-          className="flex-1 overflow-y-auto p-4"
-          style={{ height: 'calc(100% - 120px)' }}
-        >
-          {transcript.length === 0 ? (
-            <div className="text-center text-gray-500 py-8">
-              <ClockIcon size={48} className="mx-auto mb-4 text-gray-300" />
-              <p>No transcript available</p>
-              <p className="text-sm">Transcript will appear here when available</p>
-            </div>
-          ) : (
-            <div style={{ height: containerHeight, position: 'relative' }}>
-              <div style={{ transform: `translateY(${offsetY}px)` }}>
-                {visibleEntries.map((entry, visibleIndex) => {
-                  const actualIndex = startIndex + visibleIndex;
-                  const isActive = isActiveEntry(entry, actualIndex);
-
-                  return (
-                    <motion.div
-                      key={`${entry.time}-${actualIndex}`}
-                      ref={isActive ? activeEntryRef : null}
-                      initial={{ opacity: 0, y: 10 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      transition={{ delay: visibleIndex * 0.02 }}
-                      className={`p-3 rounded-lg cursor-pointer transition-all duration-200 mb-2 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500 ${
-                        isActive
-                          ? 'bg-blue-50 border-l-4 border-blue-500'
-                          : 'hover:bg-gray-50 border-l-4 border-transparent'
-                      }`}
-                      onClick={() => onSeek(entry.time)}
-                      role="button"
-                      tabIndex={0}
-                      onKeyDown={(e) => {
-                        if (e.key === 'Enter' || e.key === ' ') {
-                          e.preventDefault();
+      {/* Transcript Content */}
+      <div
+        ref={containerRef}
+        className="flex-1 overflow-y-auto p-4"
+        style={{ height: 'calc(100% - 120px)' }}
+      >
+        {transcript.length === 0 ? (
+          <div className="text-center text-gray-500 py-8">
+            <ClockIcon size={48} className="mx-auto mb-4 text-gray-300" />
+            <p>No transcript available</p>
+            <p className="text-sm">Transcript will appear here when available</p>
+          </div>
+        ) : (
+          <div style={{ height: containerHeight, position: 'relative' }}>
+            <div style={{ transform: `translateY(${offsetY}px)` }}>
+              {visibleEntries.map((entry, visibleIndex) => {
+                const actualIndex = startIndex + visibleIndex;
+                const isActive = isActiveEntry(entry, actualIndex);
+
+                return (
+                  <motion.div
+                    key={`${entry.time}-${actualIndex}`}
+                    ref={isActive ? activeEntryRef : null}
+                    initial={{ opacity: 0, y: 10 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    transition={{ delay: visibleIndex * 0.02 }}
+                    className={`p-3 rounded-lg cursor-pointer transition-all duration-200 mb-2 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500 ${
+                      isActive
+                        ? 'bg-blue-50 border-l-4 border-blue-500'
+                        : 'hover:bg-gray-50 border-l-4 border-transparent'
+                    }`}
+                    onClick={() => onSeek(entry.time)}
+                    role="button"
+                    tabIndex={0}
+                    onKeyDown={(e) => {
+                      if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onSeek(entry.time);
+                      }
+                    }}
+                    style={{ height: ITEM_HEIGHT - 8 }}
+                  >
+                    <div className="flex items-start space-x-3 h-full">
+                      <button
+                        onClick={(e) => {
+                          e.stopPropagation();
                           onSeek(entry.time);
-                        }
-                      }}
-                      style={{ height: ITEM_HEIGHT - 8 }}
-                    >
-                      <div className="flex items-start space-x-3 h-full">
-                        <button
-                          onClick={(e) => {
-                            e.stopPropagation();
-                            onSeek(entry.time);
-                          }}
-                          className={`shrink-0 p-1 rounded-full transition-colors self-start mt-1 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-blue-500 ${
-                            isActive
-                              ? 'bg-blue-500 text-white'
-                              : 'bg-gray-200 text-gray-600 hover:bg-gray-300'
-                          }`}
-                        >
-                          <PlayIcon size={12} />
-                        </button>
-
-                        <div className="flex-1 min-w-0">
-                          <div className="flex items-center justify-between mb-1">
-                            <span className="text-xs font-medium text-gray-500">
-                              {formatTime(entry.time)}
+                        }}
+                        className={`shrink-0 p-1 rounded-full transition-colors self-start mt-1 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-blue-500 ${
+                          isActive
+                            ? 'bg-blue-500 text-white'
+                            : 'bg-gray-200 text-gray-600 hover:bg-gray-300'
+                        }`}
+                      >
+                        <PlayIcon size={12} />
+                      </button>
+
+                      <div className="flex-1 min-w-0">
+                        <div className="flex items-center justify-between mb-1">
+                          <span className="text-xs font-medium text-gray-500">
+                            {formatTime(entry.time)}
+                          </span>
+                          {entry.speaker && (
+                            <span className="text-xs text-blue-600 font-medium">
+                              {entry.speaker}
                             </span>
-                            {entry.speaker && (
-                              <span className="text-xs text-blue-600 font-medium">
-                                {entry.speaker}
-                              </span>
-                            )}
-                          </div>
-
-                          <p
-                            className={`text-sm leading-relaxed ${
-                              isActive ? 'text-gray-900 font-medium' : 'text-gray-700'
-                            }`}
-                          >
-                            {entry.text}
-                          </p>
+                          )}
                         </div>
+
+                        <p
+                          className={`text-sm leading-relaxed ${
+                            isActive ? 'text-gray-900 font-medium' : 'text-gray-700'
+                          }`}
+                        >
+                          {entry.text}
+                        </p>
                       </div>
-                    </motion.div>
-                  );
-                })}
-              </div>
+                    </div>
+                  </motion.div>
+                );
+              })}
             </div>
-          )}
-        </div>
-
-        {/* Footer with search/filter options */}
-        <div className="p-4 border-t border-gray-200 bg-gray-50">
-          <div className="flex items-center justify-between text-xs text-gray-500">
-            <span>{transcript.length} entries</span>
-            <span>Click any entry to jump to that time</span>
           </div>
+        )}
+      </div>
+
+      {/* Footer with search/filter options */}
+      <div className="p-4 border-t border-gray-200 bg-gray-50">
+        <div className="flex items-center justify-between text-xs text-gray-500">
+          <span>{transcript.length} entries</span>
+          <span>Click any entry to jump to that time</span>
         </div>
       </div>
+    </div>
   );
 });
 TranscriptView.displayName = 'TranscriptView';
diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
index eb992bfe..086678a2 100644
--- a/src/app/dashboard/layout.tsx
+++ b/src/app/dashboard/layout.tsx
@@ -2,7 +2,8 @@ import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
   title: 'Dashboard | TeachLink',
-  description: 'Track your learning progress, manage downloaded courses, and continue where you left off.',
+  description:
+    'Track your learning progress, manage downloaded courses, and continue where you left off.',
   openGraph: {
     title: 'Dashboard | TeachLink',
     description: 'Track your learning progress and continue your courses.',
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d6611adb..fbb3b17a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -56,9 +56,7 @@ export default async function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased bg-white text-gray-900 transition-colors duration-200 dark:bg-gray-950 dark:text-gray-50`}
       >
-        <RootProviders defaultTheme={defaultTheme}>
-          {children}
-        </RootProviders>
+        <RootProviders defaultTheme={defaultTheme}>{children}</RootProviders>
 
         {/* Non-essential analytics — loaded after page is interactive */}
         {process.env.NEXT_PUBLIC_ANALYTICS_ID && (
@@ -81,4 +79,3 @@ export default async function RootLayout({
     </html>
   );
 }
-
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 99826be5..cea7b5cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,8 @@ import Link from 'next/link';
 
 export const metadata: Metadata = {
   title: 'TeachLink - Offline Learning Platform',
-  description: 'Learn anywhere, anytime with offline capabilities. Access courses, track progress, and study without an internet connection.',
+  description:
+    'Learn anywhere, anytime with offline capabilities. Access courses, track progress, and study without an internet connection.',
   openGraph: {
     title: 'TeachLink - Offline Learning Platform',
     description: 'Learn anywhere, anytime with offline capabilities.',
diff --git a/src/app/store/messagingStore.ts b/src/app/store/messagingStore.ts
index 5e5e2d68..3cc2e47a 100644
--- a/src/app/store/messagingStore.ts
+++ b/src/app/store/messagingStore.ts
@@ -1,7 +1,5 @@
 import { create } from 'zustand';
-import io from 'socket.io-client';
-import { io } from 'socket.io-client';
-import type { Socket } from 'socket.io-client';
+import io, { Socket } from 'socket.io-client';
 
 export interface Attachment {
   id: string;
diff --git a/src/app/store/searchStore.ts b/src/app/store/searchStore.ts
index fe814f45..7f1a71e7 100644
--- a/src/app/store/searchStore.ts
+++ b/src/app/store/searchStore.ts
@@ -102,10 +102,7 @@ export const useSearchStore = create<SearchStore>()(
 
         const difficulty = params.get('difficulty');
         if (difficulty) {
-          const validated = difficulty
-            .split(',')
-            .map(sanitizeString)
-            .filter(isValidDifficulty);
+          const validated = difficulty.split(',').map(sanitizeString).filter(isValidDifficulty);
           if (validated.length) newState.difficulty = validated;
         }
 
diff --git a/src/components/drag-drop/SortableList.tsx b/src/components/drag-drop/SortableList.tsx
index 0b109d14..f53c8f53 100644
--- a/src/components/drag-drop/SortableList.tsx
+++ b/src/components/drag-drop/SortableList.tsx
@@ -126,6 +126,7 @@ const SortableRow = ({
       tabIndex={0}
       role="option"
       aria-grabbed={isKeyboardDragging}
+      aria-selected={isKeyboardDragging}
       onKeyDown={handleKeyDown}
       className={`mb-2 rounded-md border bg-white px-3 py-2 text-sm shadow-sm transition outline-none focus:ring-2 focus:ring-blue-500 ${
         isDragging ? 'opacity-50' : 'opacity-100'
diff --git a/src/components/editor/MediaEmbedder.tsx b/src/components/editor/MediaEmbedder.tsx
index 40a07a57..a4ade82b 100644
--- a/src/components/editor/MediaEmbedder.tsx
+++ b/src/components/editor/MediaEmbedder.tsx
@@ -67,7 +67,10 @@ export const MediaEmbedder: React.FC<MediaEmbedderProps> = ({ onAddImage, onAddY
           <input
             type="url"
             value={url}
-            onChange={(e) => { setUrl(e.target.value); setUrlError(''); }}
+            onChange={(e) => {
+              setUrl(e.target.value);
+              setUrlError('');
+            }}
             placeholder={`Enter ${type} URL...`}
             className="w-full p-2 border rounded mb-1 dark:bg-gray-700 dark:border-gray-600"
             required
diff --git a/src/components/errors/ErrorBoundarySystem.tsx b/src/components/errors/ErrorBoundarySystem.tsx
index 94c38787..581935e2 100644
--- a/src/components/errors/ErrorBoundarySystem.tsx
+++ b/src/components/errors/ErrorBoundarySystem.tsx
@@ -90,19 +90,21 @@ export class ErrorBoundarySystem extends Component<ErrorBoundaryProps, ErrorBoun
     if (this.state.hasError) {
       return (
         this.props.fallback || (
-          <div style={{ padding: '20px' }}>
-            <h2>Something went wrong.</h2>
-            <p>{this.state.error?.message}</p>
-
-            <button onClick={this.resetError}>Try Again</button>
-          </div>
-          <UserFriendlyErrorDisplay
-            error={this.state.error}
-            title="Application Error"
-            onRetry={this.resetError}
-            showDetails={true}
-            severity="error"
-          />
+          <>
+            <div style={{ padding: '20px' }}>
+              <h2>Something went wrong.</h2>
+              <p>{this.state.error?.message}</p>
+
+              <button onClick={this.resetError}>Try Again</button>
+            </div>
+            <UserFriendlyErrorDisplay
+              error={this.state.error}
+              title="Application Error"
+              onRetry={this.resetError}
+              showDetails={true}
+              severity="error"
+            />
+          </>
         )
       );
     }
diff --git a/src/components/mobile/GestureHandler.tsx b/src/components/mobile/GestureHandler.tsx
index ac0fb51a..3d21c5df 100644
--- a/src/components/mobile/GestureHandler.tsx
+++ b/src/components/mobile/GestureHandler.tsx
@@ -33,14 +33,15 @@ export const GestureHandler: React.FC<GestureHandlerProps> = ({
     // Detect iOS devices (iPhone, iPad, iPod) and iPadOS (MacIntel with touch)
     const checkIOS = () => {
       const userAgent = window.navigator.userAgent.toLowerCase();
-      const isIOSDevice = /iphone|ipad|ipod/.test(userAgent) || 
-                          (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+      const isIOSDevice =
+        /iphone|ipad|ipod/.test(userAgent) ||
+        (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
       return isIOSDevice;
     };
-    
+
     const isIOSBrowser = checkIOS();
     setIsIOS(isIOSBrowser);
-    
+
     // Disable custom gestures by default on iOS to prevent conflicts with native swipe-to-go-back
     if (isIOSBrowser) {
       setGesturesEnabled(false);
@@ -50,36 +51,46 @@ export const GestureHandler: React.FC<GestureHandlerProps> = ({
   const toggleGestures = (e: React.MouseEvent) => {
     e.preventDefault();
     e.stopPropagation();
-    setGesturesEnabled(prev => !prev);
+    setGesturesEnabled((prev) => !prev);
   };
 
-  const activeGestures = gesturesEnabled ? {
-    onSwipeLeft,
-    onSwipeRight,
-    onSwipeUp,
-    onSwipeDown,
-    onPinchIn,
-    onPinchOut,
-    onTap,
-    swipeThreshold,
-  } : { swipeThreshold };
+  const activeGestures = gesturesEnabled
+    ? {
+        onSwipeLeft,
+        onSwipeRight,
+        onSwipeUp,
+        onSwipeDown,
+        onPinchIn,
+        onPinchOut,
+        onTap,
+        swipeThreshold,
+      }
+    : { swipeThreshold };
 
   const gestureProps = useMobileGestures(activeGestures);
 
   const touchActionStyle = gesturesEnabled ? 'pan-y' : 'auto';
 
   return (
-    <div {...gestureProps} {...props} style={{ touchAction: touchActionStyle, position: 'relative', ...props.style }}>
+    <div
+      {...gestureProps}
+      {...props}
+      style={{ touchAction: touchActionStyle, position: 'relative', ...props.style }}
+    >
       {isIOS && (
         <div className="absolute top-2 right-2 z-50 pointer-events-auto">
           <button
             onClick={toggleGestures}
             className="bg-gray-800 text-white text-xs px-3 py-1.5 rounded-full shadow-lg opacity-70 hover:opacity-100 transition-opacity border border-gray-600 flex items-center gap-2"
-            title={gesturesEnabled ? "Disable Custom Gestures" : "Enable Custom Gestures"}
+            title={gesturesEnabled ? 'Disable Custom Gestures' : 'Enable Custom Gestures'}
             type="button"
           >
-            {gesturesEnabled ? <ToggleRight size={16} className="text-green-400" /> : <ToggleLeft size={16} className="text-red-400" />}
-            {gesturesEnabled ? "Gestures On" : "Gestures Off"}
+            {gesturesEnabled ? (
+              <ToggleRight size={16} className="text-green-400" />
+            ) : (
+              <ToggleLeft size={16} className="text-red-400" />
+            )}
+            {gesturesEnabled ? 'Gestures On' : 'Gestures Off'}
           </button>
         </div>
       )}
diff --git a/src/components/notificationcenter.tsx b/src/components/notificationcenter.tsx
index 4398b8ad..ba910eca 100644
--- a/src/components/notificationcenter.tsx
+++ b/src/components/notificationcenter.tsx
@@ -1,29 +1,26 @@
-import React, { useState, useRef, useEffect } from "react";
-import { BellOff } from "lucide-react";
-import {
-  Notification,
-  NotificationType,
-  useNotifications,
-} from "@/providers/Notificationprovider";
-import { EmptyState } from "@/components";
+/* eslint-disable @next/next/no-img-element */
+import React, { useState, useRef, useEffect } from 'react';
+import { BellOff } from 'lucide-react';
+import { Notification, NotificationType, useNotifications } from '@/providers/Notificationprovider';
+import { EmptyState } from '@/components';
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Icon helpers
 // ──────────────────────────────────────────────────────────────────────────────
 
 const TYPE_ICON: Record<NotificationType, string> = {
-  info: "ℹ️",
-  success: "✅",
-  warning: "⚠️",
-  error: "❌",
-  message: "💬",
-  course: "📚",
-  system: "🔔",
+  info: 'ℹ️',
+  success: '✅',
+  warning: '⚠️',
+  error: '❌',
+  message: '💬',
+  course: '📚',
+  system: '🔔',
 };
 
 function timeAgo(date: Date): string {
   const diff = (Date.now() - date.getTime()) / 1000;
-  if (diff < 60) return "just now";
+  if (diff < 60) return 'just now';
   if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
   if (diff < 86400) return `${Math.floor(diff / 3600)}h ago`;
   return `${Math.floor(diff / 86400)}d ago`;
@@ -49,11 +46,13 @@ function NotificationItem({ notification, onRead, onClear }: NotificationItemPro
 
   return (
     <div
-      className={`notification-item ${read ? "notification-item--read" : "notification-item--unread"}`}
+      className={`notification-item ${
+        read ? 'notification-item--read' : 'notification-item--unread'
+      }`}
       onClick={handleClick}
       role="button"
       tabIndex={0}
-      onKeyDown={(e) => e.key === "Enter" && handleClick()}
+      onKeyDown={(e) => e.key === 'Enter' && handleClick()}
     >
       <div className="notification-item__icon">
         {avatarUrl ? (
@@ -65,17 +64,17 @@ function NotificationItem({ notification, onRead, onClear }: NotificationItemPro
       <div className="notification-item__body">
         <p className="notification-item__title">{title}</p>
         {body && <p className="notification-item__text">{body}</p>}
-        <time
-          className="notification-item__time"
-          dateTime={timestamp.toISOString()}
-        >
+        <time className="notification-item__time" dateTime={timestamp.toISOString()}>
           {timeAgo(timestamp)}
         </time>
       </div>
       {!read && <span className="notification-item__dot" aria-label="Unread" />}
       <button
         className="notification-item__clear"
-        onClick={(e) => { e.stopPropagation(); onClear(id); }}
+        onClick={(e) => {
+          e.stopPropagation();
+          onClear(id);
+        }}
         aria-label="Dismiss notification"
       >
         ×
@@ -98,14 +97,12 @@ export function NotificationBadge({ count, onClick }: NotificationBadgeProps) {
     <button
       className="notification-badge-btn"
       onClick={onClick}
-      aria-label={`Notifications${count > 0 ? `, ${count} unread` : ""}`}
+      aria-label={`Notifications${count > 0 ? `, ${count} unread` : ''}`}
     >
-      <span className="notification-bell" aria-hidden="true">🔔</span>
-      {count > 0 && (
-        <span className="notification-count">
-          {count > 99 ? "99+" : count}
-        </span>
-      )}
+      <span className="notification-bell" aria-hidden="true">
+        🔔
+      </span>
+      {count > 0 && <span className="notification-count">{count > 99 ? '99+' : count}</span>}
     </button>
   );
 }
@@ -128,8 +125,8 @@ export function NotificationCenter() {
         setOpen(false);
       }
     }
-    if (open) document.addEventListener("mousedown", handleOutside);
-    return () => document.removeEventListener("mousedown", handleOutside);
+    if (open) document.addEventListener('mousedown', handleOutside);
+    return () => document.removeEventListener('mousedown', handleOutside);
   }, [open]);
 
   // Mark visible unread as read after 3 s when panel is open
@@ -144,11 +141,7 @@ export function NotificationCenter() {
       <NotificationBadge count={unreadCount} onClick={() => setOpen((v) => !v)} />
 
       {open && (
-        <div
-          className="notification-panel"
-          role="dialog"
-          aria-label="Notifications"
-        >
+        <div className="notification-panel" role="dialog" aria-label="Notifications">
           <div className="notification-panel__header">
             <h2>Notifications</h2>
             <div className="notification-panel__actions">
@@ -185,4 +178,4 @@ export function NotificationCenter() {
   );
 }
 
-export default NotificationCenter;
\ No newline at end of file
+export default NotificationCenter;
diff --git a/src/components/ui/EmptyState.tsx b/src/components/ui/EmptyState.tsx
index d1a57db8..66e5b082 100644
--- a/src/components/ui/EmptyState.tsx
+++ b/src/components/ui/EmptyState.tsx
@@ -24,16 +24,10 @@ export const EmptyState: React.FC<EmptyStateProps> = ({
     aria-label={title}
   >
     {Icon && (
-      <Icon
-        size={48}
-        className="text-gray-300 dark:text-gray-600 mb-4"
-        aria-hidden="true"
-      />
+      <Icon size={48} className="text-gray-300 dark:text-gray-600 mb-4" aria-hidden="true" />
     )}
     <p className="text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">{title}</p>
-    {description && (
-      <p className="text-xs text-gray-400 dark:text-gray-500 mb-4">{description}</p>
-    )}
+    {description && <p className="text-xs text-gray-400 dark:text-gray-500 mb-4">{description}</p>}
     {action}
   </div>
 );
diff --git a/src/components/ui/Modal.tsx b/src/components/ui/Modal.tsx
index dd7903f8..b52f27f2 100644
--- a/src/components/ui/Modal.tsx
+++ b/src/components/ui/Modal.tsx
@@ -50,11 +50,7 @@ export function Modal({ isOpen, onClose, title, children, className = '' }: Moda
   return (
     <>
       {/* Backdrop */}
-      <div
-        className="fixed inset-0 z-40 bg-black/50"
-        onClick={onClose}
-        aria-hidden="true"
-      />
+      <div className="fixed inset-0 z-40 bg-black/50" onClick={onClose} aria-hidden="true" />
 
       {/* Dialog */}
       <div
diff --git a/src/components/virtualizedcourselist.tsx b/src/components/virtualizedcourselist.tsx
index ca0fed89..42dfd3a6 100644
--- a/src/components/virtualizedcourselist.tsx
+++ b/src/components/virtualizedcourselist.tsx
@@ -1,231 +1,229 @@
 import React, {
-    createContext,
-    useContext,
-    useEffect,
-    useRef,
-    useState,
-    useCallback,
-    ReactNode,
-  } from "react";
-  
-  export type NotificationType =
-    | "info"
-    | "success"
-    | "warning"
-    | "error"
-    | "message"
-    | "course"
-    | "system";
-  
-  export interface Notification {
-    id: string;
-    type: NotificationType;
-    title: string;
-    body?: string;
-    timestamp: Date;
-    read: boolean;
-    actionUrl?: string;
-    avatarUrl?: string;
-    metadata?: Record<string, unknown>;
+  createContext,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+  useCallback,
+  ReactNode,
+} from 'react';
+
+export type NotificationType =
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'error'
+  | 'message'
+  | 'course'
+  | 'system';
+
+export interface Notification {
+  id: string;
+  type: NotificationType;
+  title: string;
+  body?: string;
+  timestamp: Date;
+  read: boolean;
+  actionUrl?: string;
+  avatarUrl?: string;
+  metadata?: Record<string, unknown>;
+}
+
+type NotificationEventType = 'notification' | 'notification_read' | 'notification_clear';
+
+interface NotificationEvent {
+  event: NotificationEventType;
+  payload: unknown;
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// WebSocket service (singleton per URL)
+// ──────────────────────────────────────────────────────────────────────────────
+
+type Listener = (notification: Notification) => void;
+
+class NotificationSocketService {
+  private ws: WebSocket | null = null;
+  private listeners: Set<Listener> = new Set();
+  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+  private reconnectDelay = 1000;
+  private maxReconnectDelay = 30_000;
+  private intentionallyClosed = false;
+
+  constructor(private url: string) {}
+
+  connect() {
+    this.intentionallyClosed = false;
+    this.open();
   }
-  
-  type NotificationEventType = "notification" | "notification_read" | "notification_clear";
-  
-  interface NotificationEvent {
-    event: NotificationEventType;
-    payload: unknown;
-  }
-  
-  // ──────────────────────────────────────────────────────────────────────────────
-  // WebSocket service (singleton per URL)
-  // ──────────────────────────────────────────────────────────────────────────────
-  
-  type Listener = (notification: Notification) => void;
-  
-  class NotificationSocketService {
-    private ws: WebSocket | null = null;
-    private listeners: Set<Listener> = new Set();
-    private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
-    private reconnectDelay = 1000;
-    private maxReconnectDelay = 30_000;
-    private intentionallyClosed = false;
-  
-    constructor(private url: string) {}
-  
-    connect() {
-      this.intentionallyClosed = false;
-      this.open();
-    }
-  
-    private open() {
-      if (this.ws) return;
-      try {
-        this.ws = new WebSocket(this.url);
-  
-        this.ws.onopen = () => {
-          console.info("[NotificationSocket] Connected");
-          this.reconnectDelay = 1000; // reset back-off
-        };
-  
-        this.ws.onmessage = (event: MessageEvent) => {
-          try {
-            const data: NotificationEvent = JSON.parse(event.data as string);
-            if (data.event === "notification") {
-              const notification = data.payload as Notification;
-              notification.timestamp = new Date(notification.timestamp);
-              this.listeners.forEach((cb) => cb(notification));
-            }
-          } catch {
-            console.warn("[NotificationSocket] Failed to parse message", event.data);
-          }
-        };
-  
-        this.ws.onclose = () => {
-          this.ws = null;
-          if (!this.intentionallyClosed) {
-            this.scheduleReconnect();
+
+  private open() {
+    if (this.ws) return;
+    try {
+      this.ws = new WebSocket(this.url);
+
+      this.ws.onopen = () => {
+        console.info('[NotificationSocket] Connected');
+        this.reconnectDelay = 1000; // reset back-off
+      };
+
+      this.ws.onmessage = (event: MessageEvent) => {
+        try {
+          const data: NotificationEvent = JSON.parse(event.data as string);
+          if (data.event === 'notification') {
+            const notification = data.payload as Notification;
+            notification.timestamp = new Date(notification.timestamp);
+            this.listeners.forEach((cb) => cb(notification));
           }
-        };
-  
-        this.ws.onerror = (err) => {
-          console.error("[NotificationSocket] Error", err);
-          this.ws?.close();
-        };
-      } catch (err) {
-        console.error("[NotificationSocket] Failed to open", err);
-        this.scheduleReconnect();
-      }
-    }
-  
-    private scheduleReconnect() {
-      this.reconnectTimer = setTimeout(() => {
-        console.info(`[NotificationSocket] Reconnecting…`);
-        this.open();
-        this.reconnectDelay = Math.min(this.reconnectDelay * 2, this.maxReconnectDelay);
-      }, this.reconnectDelay);
-    }
-  
-    disconnect() {
-      this.intentionallyClosed = true;
-      if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
-      this.ws?.close();
-      this.ws = null;
-    }
-  
-    subscribe(listener: Listener) {
-      this.listeners.add(listener);
-      return () => this.listeners.delete(listener);
-    }
-  
-    send(event: NotificationEventType, payload: unknown) {
-      if (this.ws?.readyState === WebSocket.OPEN) {
-        this.ws.send(JSON.stringify({ event, payload }));
-      }
+        } catch {
+          console.warn('[NotificationSocket] Failed to parse message', event.data);
+        }
+      };
+
+      this.ws.onclose = () => {
+        this.ws = null;
+        if (!this.intentionallyClosed) {
+          this.scheduleReconnect();
+        }
+      };
+
+      this.ws.onerror = (err) => {
+        console.error('[NotificationSocket] Error', err);
+        this.ws?.close();
+      };
+    } catch (err) {
+      console.error('[NotificationSocket] Failed to open', err);
+      this.scheduleReconnect();
     }
   }
-  
-  // ──────────────────────────────────────────────────────────────────────────────
-  // Context
-  // ──────────────────────────────────────────────────────────────────────────────
-  
-  interface NotificationContextValue {
-    notifications: Notification[];
-    unreadCount: number;
-    markAsRead: (id: string) => void;
-    markAllAsRead: () => void;
-    clearNotification: (id: string) => void;
-    clearAll: () => void;
+
+  private scheduleReconnect() {
+    this.reconnectTimer = setTimeout(() => {
+      console.info(`[NotificationSocket] Reconnecting…`);
+      this.open();
+      this.reconnectDelay = Math.min(this.reconnectDelay * 2, this.maxReconnectDelay);
+    }, this.reconnectDelay);
   }
-  
-  const NotificationContext = createContext<NotificationContextValue | null>(null);
-  
-  export function useNotifications(): NotificationContextValue {
-    const ctx = useContext(NotificationContext);
-    if (!ctx) throw new Error("useNotifications must be used inside <NotificationProvider>");
-    return ctx;
+
+  disconnect() {
+    this.intentionallyClosed = true;
+    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
+    this.ws?.close();
+    this.ws = null;
   }
-  
-  // ──────────────────────────────────────────────────────────────────────────────
-  // Provider
-  // ──────────────────────────────────────────────────────────────────────────────
-  
-  interface NotificationProviderProps {
-    children: ReactNode;
-    /** WebSocket endpoint, e.g. "wss://api.example.com/notifications" */
-    wsUrl: string;
-    /** Initial notifications fetched server-side / from cache */
-    initialNotifications?: Notification[];
-    /** Max number of notifications to keep in memory */
-    maxNotifications?: number;
+
+  subscribe(listener: Listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
   }
-  
-  export function NotificationProvider({
-    children,
-    wsUrl,
-    initialNotifications = [],
-    maxNotifications = 200,
-  }: NotificationProviderProps) {
-    const [notifications, setNotifications] = useState<Notification[]>(initialNotifications);
-    const serviceRef = useRef<NotificationSocketService | null>(null);
-  
-    const unreadCount = notifications.filter((n) => !n.read).length;
-  
-    const addNotification = useCallback(
-      (notification: Notification) => {
-        setNotifications((prev) => {
-          const next = [notification, ...prev];
-          return next.slice(0, maxNotifications);
-        });
-      },
-      [maxNotifications]
-    );
-  
-    useEffect(() => {
-      const svc = new NotificationSocketService(wsUrl);
-      serviceRef.current = svc;
-      svc.connect();
-  
-      const unsubscribe = svc.subscribe(addNotification);
-      return () => {
-        unsubscribe();
-        svc.disconnect();
-      };
-    }, [wsUrl, addNotification]);
-  
-    const markAsRead = useCallback((id: string) => {
-      setNotifications((prev) =>
-        prev.map((n) => (n.id === id ? { ...n, read: true } : n))
-      );
-      serviceRef.current?.send("notification_read", { id });
-    }, []);
-  
-    const markAllAsRead = useCallback(() => {
-      setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
-      serviceRef.current?.send("notification_read", { all: true });
-    }, []);
-  
-    const clearNotification = useCallback((id: string) => {
-      setNotifications((prev) => prev.filter((n) => n.id !== id));
-      serviceRef.current?.send("notification_clear", { id });
-    }, []);
-  
-    const clearAll = useCallback(() => {
-      setNotifications([]);
-      serviceRef.current?.send("notification_clear", { all: true });
-    }, []);
-  
-    return (
-      <NotificationContext.Provider
-        value={{
-          notifications,
-          unreadCount,
-          markAsRead,
-          markAllAsRead,
-          clearNotification,
-          clearAll,
-        }}
-      >
-        {children}
-      </NotificationContext.Provider>
-    );
-  }
\ No newline at end of file
+
+  send(event: NotificationEventType, payload: unknown) {
+    if (this.ws?.readyState === WebSocket.OPEN) {
+      this.ws.send(JSON.stringify({ event, payload }));
+    }
+  }
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Context
+// ──────────────────────────────────────────────────────────────────────────────
+
+interface NotificationContextValue {
+  notifications: Notification[];
+  unreadCount: number;
+  markAsRead: (id: string) => void;
+  markAllAsRead: () => void;
+  clearNotification: (id: string) => void;
+  clearAll: () => void;
+}
+
+const NotificationContext = createContext<NotificationContextValue | null>(null);
+
+export function useNotifications(): NotificationContextValue {
+  const ctx = useContext(NotificationContext);
+  if (!ctx) throw new Error('useNotifications must be used inside <NotificationProvider>');
+  return ctx;
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Provider
+// ──────────────────────────────────────────────────────────────────────────────
+
+interface NotificationProviderProps {
+  children: ReactNode;
+  /** WebSocket endpoint, e.g. "wss://api.example.com/notifications" */
+  wsUrl: string;
+  /** Initial notifications fetched server-side / from cache */
+  initialNotifications?: Notification[];
+  /** Max number of notifications to keep in memory */
+  maxNotifications?: number;
+}
+
+export function NotificationProvider({
+  children,
+  wsUrl,
+  initialNotifications = [],
+  maxNotifications = 200,
+}: NotificationProviderProps) {
+  const [notifications, setNotifications] = useState<Notification[]>(initialNotifications);
+  const serviceRef = useRef<NotificationSocketService | null>(null);
+
+  const unreadCount = notifications.filter((n) => !n.read).length;
+
+  const addNotification = useCallback(
+    (notification: Notification) => {
+      setNotifications((prev) => {
+        const next = [notification, ...prev];
+        return next.slice(0, maxNotifications);
+      });
+    },
+    [maxNotifications],
+  );
+
+  useEffect(() => {
+    const svc = new NotificationSocketService(wsUrl);
+    serviceRef.current = svc;
+    svc.connect();
+
+    const unsubscribe = svc.subscribe(addNotification);
+    return () => {
+      unsubscribe();
+      svc.disconnect();
+    };
+  }, [wsUrl, addNotification]);
+
+  const markAsRead = useCallback((id: string) => {
+    setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, read: true } : n)));
+    serviceRef.current?.send('notification_read', { id });
+  }, []);
+
+  const markAllAsRead = useCallback(() => {
+    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
+    serviceRef.current?.send('notification_read', { all: true });
+  }, []);
+
+  const clearNotification = useCallback((id: string) => {
+    setNotifications((prev) => prev.filter((n) => n.id !== id));
+    serviceRef.current?.send('notification_clear', { id });
+  }, []);
+
+  const clearAll = useCallback(() => {
+    setNotifications([]);
+    serviceRef.current?.send('notification_clear', { all: true });
+  }, []);
+
+  return (
+    <NotificationContext.Provider
+      value={{
+        notifications,
+        unreadCount,
+        markAsRead,
+        markAllAsRead,
+        clearNotification,
+        clearAll,
+      }}
+    >
+      {children}
+    </NotificationContext.Provider>
+  );
+}
diff --git a/src/components/virtualizedmessagethread.tsx b/src/components/virtualizedmessagethread.tsx
index dd0a22b8..1051a0a4 100644
--- a/src/components/virtualizedmessagethread.tsx
+++ b/src/components/virtualizedmessagethread.tsx
@@ -1,180 +1,165 @@
-import React, {
-    useCallback,
-    useEffect,
-    useRef,
-    memo,
-    useMemo,
-  } from "react";
-  import { VariableSizeList as List, ListChildComponentProps } from "react-window";
-  import AutoSizer from "react-virtualized-auto-sizer";
-  
-  export interface Message {
-    id: string;
-    senderId: string;
-    senderName: string;
-    senderAvatar?: string;
-    content: string;
-    timestamp: string | Date;
-    isOwn?: boolean;
-    attachments?: { name: string; url: string; type: string }[];
-    reactions?: { emoji: string; count: number }[];
-    status?: "sending" | "sent" | "delivered" | "read" | "failed";
-  }
-  
-  const ESTIMATED_MESSAGE_HEIGHT = 72;
-  const ATTACHMENT_EXTRA = 60;
-  const REACTIONS_EXTRA = 32;
-  
-  function estimateMessageHeight(message: Message): number {
-    let height = ESTIMATED_MESSAGE_HEIGHT;
-    const contentLines = Math.ceil(message.content.length / 60);
-    height += Math.max(0, contentLines - 2) * 20;
-    if (message.attachments?.length) height += ATTACHMENT_EXTRA;
-    if (message.reactions?.length) height += REACTIONS_EXTRA;
-    return height;
-  }
-  
-  interface MessageBubbleProps {
-    message: Message;
-    style: React.CSSProperties;
-  }
-  
-  const MessageBubble = memo(({ message, style }: MessageBubbleProps) => {
-    const time =
-      message.timestamp instanceof Date
-        ? message.timestamp
-        : new Date(message.timestamp);
-  
-    return (
-      <div
-        style={style}
-        className={`message-wrapper ${message.isOwn ? "message-wrapper--own" : ""}`}
-      >
-        <div className="message-bubble">
-          {!message.isOwn && (
-            <div className="message-avatar">
-              {message.senderAvatar ? (
-                <img src={message.senderAvatar} alt={message.senderName} />
-              ) : (
-                <span className="message-avatar-initials">
-                  {message.senderName[0]}
-                </span>
-              )}
-            </div>
-          )}
-          <div className="message-content-wrapper">
-            {!message.isOwn && (
-              <span className="message-sender">{message.senderName}</span>
+/* eslint-disable @next/next/no-img-element */
+import React, { useCallback, useEffect, useRef, memo, useMemo } from 'react';
+import { VariableSizeList as List, ListChildComponentProps } from 'react-window';
+import AutoSizer from 'react-virtualized-auto-sizer';
+
+export interface Message {
+  id: string;
+  senderId: string;
+  senderName: string;
+  senderAvatar?: string;
+  content: string;
+  timestamp: string | Date;
+  isOwn?: boolean;
+  attachments?: { name: string; url: string; type: string }[];
+  reactions?: { emoji: string; count: number }[];
+  status?: 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
+}
+
+const ESTIMATED_MESSAGE_HEIGHT = 72;
+const ATTACHMENT_EXTRA = 60;
+const REACTIONS_EXTRA = 32;
+
+function estimateMessageHeight(message: Message): number {
+  let height = ESTIMATED_MESSAGE_HEIGHT;
+  const contentLines = Math.ceil(message.content.length / 60);
+  height += Math.max(0, contentLines - 2) * 20;
+  if (message.attachments?.length) height += ATTACHMENT_EXTRA;
+  if (message.reactions?.length) height += REACTIONS_EXTRA;
+  return height;
+}
+
+interface MessageBubbleProps {
+  message: Message;
+  style: React.CSSProperties;
+}
+
+const MessageBubble = memo(({ message, style }: MessageBubbleProps) => {
+  const time = message.timestamp instanceof Date ? message.timestamp : new Date(message.timestamp);
+
+  return (
+    <div style={style} className={`message-wrapper ${message.isOwn ? 'message-wrapper--own' : ''}`}>
+      <div className="message-bubble">
+        {!message.isOwn && (
+          <div className="message-avatar">
+            {message.senderAvatar ? (
+              <img src={message.senderAvatar} alt={message.senderName} />
+            ) : (
+              <span className="message-avatar-initials">{message.senderName[0]}</span>
             )}
-            <div className="message-content">
-              <p>{message.content}</p>
-              {message.attachments?.map((att) => (
-                <a
-                  key={att.url}
-                  href={att.url}
-                  className="message-attachment"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  📎 {att.name}
-                </a>
-              ))}
-            </div>
-            <div className="message-meta">
-              <time dateTime={time.toISOString()} className="message-time">
-                {time.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}
-              </time>
-              {message.isOwn && message.status && (
-                <span className={`message-status message-status--${message.status}`}>
-                  {message.status}
-                </span>
-              )}
-            </div>
-            {message.reactions && message.reactions.length > 0 && (
-              <div className="message-reactions">
-                {message.reactions.map((r) => (
-                  <span key={r.emoji} className="message-reaction">
-                    {r.emoji} {r.count}
-                  </span>
-                ))}
-              </div>
+          </div>
+        )}
+        <div className="message-content-wrapper">
+          {!message.isOwn && <span className="message-sender">{message.senderName}</span>}
+          <div className="message-content">
+            <p>{message.content}</p>
+            {message.attachments?.map((att) => (
+              <a
+                key={att.url}
+                href={att.url}
+                className="message-attachment"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                📎 {att.name}
+              </a>
+            ))}
+          </div>
+          <div className="message-meta">
+            <time dateTime={time.toISOString()} className="message-time">
+              {time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+            </time>
+            {message.isOwn && message.status && (
+              <span className={`message-status message-status--${message.status}`}>
+                {message.status}
+              </span>
             )}
           </div>
+          {message.reactions && message.reactions.length > 0 && (
+            <div className="message-reactions">
+              {message.reactions.map((r) => (
+                <span key={r.emoji} className="message-reaction">
+                  {r.emoji} {r.count}
+                </span>
+              ))}
+            </div>
+          )}
         </div>
       </div>
-    );
-  });
-  
-  MessageBubble.displayName = "MessageBubble";
-  
-  interface VirtualizedMessageThreadProps {
-    messages: Message[];
-    className?: string;
-    /** Scroll to bottom when new messages arrive */
-    autoScrollToBottom?: boolean;
-  }
-  
-  const VirtualizedMessageThread: React.FC<VirtualizedMessageThreadProps> = ({
-    messages,
-    className,
-    autoScrollToBottom = true,
-  }) => {
-    const listRef = useRef<List>(null);
-    const heightCache = useRef<Map<string, number>>(new Map());
-  
-    const getItemSize = useCallback(
-      (index: number) => {
-        const msg = messages[index];
-        if (!msg) return ESTIMATED_MESSAGE_HEIGHT;
-        const cached = heightCache.current.get(msg.id);
-        if (cached) return cached;
-        const h = estimateMessageHeight(msg);
-        heightCache.current.set(msg.id, h);
-        return h;
-      },
-      [messages]
-    );
-  
-    // Scroll to bottom when messages change (new message arrives)
-    useEffect(() => {
-      if (autoScrollToBottom && listRef.current && messages.length > 0) {
-        listRef.current.scrollToItem(messages.length - 1, "end");
-      }
-    }, [messages.length, autoScrollToBottom]);
-  
-    // Reset height cache when messages change significantly
-    const messageIds = useMemo(() => messages.map((m) => m.id).join(","), [messages]);
-    useEffect(() => {
-      heightCache.current.clear();
-      listRef.current?.resetAfterIndex(0);
-    }, [messageIds]);
-  
-    const Row = useCallback(
-      ({ index, style }: ListChildComponentProps) => (
-        <MessageBubble message={messages[index]} style={style} />
-      ),
-      [messages]
-    );
-  
-    return (
-      <div className={`virtualized-message-thread ${className ?? ""}`}>
-        <AutoSizer>
+    </div>
+  );
+});
+
+MessageBubble.displayName = 'MessageBubble';
+
+interface VirtualizedMessageThreadProps {
+  messages: Message[];
+  className?: string;
+  /** Scroll to bottom when new messages arrive */
+  autoScrollToBottom?: boolean;
+}
+
+const VirtualizedMessageThread: React.FC<VirtualizedMessageThreadProps> = ({
+  messages,
+  className,
+  autoScrollToBottom = true,
+}) => {
+  const listRef = useRef<List>(null);
+  const heightCache = useRef<Map<string, number>>(new Map());
+
+  const getItemSize = useCallback(
+    (index: number) => {
+      const msg = messages[index];
+      if (!msg) return ESTIMATED_MESSAGE_HEIGHT;
+      const cached = heightCache.current.get(msg.id);
+      if (cached) return cached;
+      const h = estimateMessageHeight(msg);
+      heightCache.current.set(msg.id, h);
+      return h;
+    },
+    [messages],
+  );
+
+  // Scroll to bottom when messages change (new message arrives)
+  useEffect(() => {
+    if (autoScrollToBottom && listRef.current && messages.length > 0) {
+      listRef.current.scrollToItem(messages.length - 1, 'end');
+    }
+  }, [messages.length, autoScrollToBottom]);
+
+  // Reset height cache when messages change significantly
+  const messageIds = useMemo(() => messages.map((m) => m.id).join(','), [messages]);
+  useEffect(() => {
+    heightCache.current.clear();
+    listRef.current?.resetAfterIndex(0);
+  }, [messageIds]);
+
+  const Row = useCallback(
+    ({ index, style }: ListChildComponentProps) => (
+      <MessageBubble message={messages[index]} style={style} />
+    ),
+    [messages],
+  );
+
+  return (
+    <div className={`virtualized-message-thread ${className ?? ''}`}>
+      <AutoSizer>
         {({ height, width }: { height: number; width: number }) => (
-            <List
-              ref={listRef}
-              height={height}
-              itemCount={messages.length}
-              itemSize={getItemSize}
-              width={width}
-              overscanCount={10}
-              estimatedItemSize={ESTIMATED_MESSAGE_HEIGHT}
-            >
-              {Row}
-            </List>
-          )}
-        </AutoSizer>
-      </div>
-    );
-  };
-  
-  export default VirtualizedMessageThread;
\ No newline at end of file
+          <List
+            ref={listRef}
+            height={height}
+            itemCount={messages.length}
+            itemSize={getItemSize}
+            width={width}
+            overscanCount={10}
+            estimatedItemSize={ESTIMATED_MESSAGE_HEIGHT}
+          >
+            {Row}
+          </List>
+        )}
+      </AutoSizer>
+    </div>
+  );
+};
+
+export default VirtualizedMessageThread;
diff --git a/src/components/virtualizedsearchresults.tsx b/src/components/virtualizedsearchresults.tsx
index bc1c98b1..fa31daf2 100644
--- a/src/components/virtualizedsearchresults.tsx
+++ b/src/components/virtualizedsearchresults.tsx
@@ -1,10 +1,11 @@
-import React, { useCallback, memo, useMemo } from "react";
-import { VariableSizeList as List, ListChildComponentProps } from "react-window";
-import AutoSizer from "react-virtualized-auto-sizer";
-import { SearchX } from "lucide-react";
-import { EmptyState } from "@/components";
+/* eslint-disable @next/next/no-img-element */
+import React, { useCallback, memo, useMemo } from 'react';
+import { VariableSizeList as List, ListChildComponentProps } from 'react-window';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { SearchX } from 'lucide-react';
+import { EmptyState } from '@/components';
 
-export type SearchResultType = "course" | "user" | "post" | "file";
+export type SearchResultType = 'course' | 'user' | 'post' | 'file';
 
 export interface SearchResult {
   id: string;
@@ -30,37 +31,31 @@ interface SearchResultItemProps {
   onSelect?: (result: SearchResult) => void;
 }
 
-const SearchResultItem = memo(
-  ({ result, style, onSelect }: SearchResultItemProps) => (
-    <div
-      style={style}
-      className={`search-result-item search-result-item--${result.type}`}
-      onClick={() => onSelect?.(result)}
-      role="option"
-      aria-selected="false"
-    >
-      <div className="search-result-icon">
-        {result.icon ? (
-          <img src={result.icon} alt="" aria-hidden="true" />
-        ) : (
-          <span className="search-result-type-badge">{result.type[0].toUpperCase()}</span>
-        )}
-      </div>
-      <div className="search-result-content">
-        <span className="search-result-title">{result.title}</span>
-        {result.subtitle && (
-          <span className="search-result-subtitle">{result.subtitle}</span>
-        )}
-        {result.description && (
-          <p className="search-result-description">{result.description}</p>
-        )}
-      </div>
-      <span className="search-result-type-label">{result.type}</span>
+const SearchResultItem = memo(({ result, style, onSelect }: SearchResultItemProps) => (
+  <div
+    style={style}
+    className={`search-result-item search-result-item--${result.type}`}
+    onClick={() => onSelect?.(result)}
+    role="option"
+    aria-selected="false"
+  >
+    <div className="search-result-icon">
+      {result.icon ? (
+        <img src={result.icon} alt="" aria-hidden="true" />
+      ) : (
+        <span className="search-result-type-badge">{result.type[0].toUpperCase()}</span>
+      )}
+    </div>
+    <div className="search-result-content">
+      <span className="search-result-title">{result.title}</span>
+      {result.subtitle && <span className="search-result-subtitle">{result.subtitle}</span>}
+      {result.description && <p className="search-result-description">{result.description}</p>}
     </div>
-  )
-);
+    <span className="search-result-type-label">{result.type}</span>
+  </div>
+));
 
-SearchResultItem.displayName = "SearchResultItem";
+SearchResultItem.displayName = 'SearchResultItem';
 
 interface VirtualizedSearchResultsProps {
   results: SearchResult[];
@@ -79,24 +74,20 @@ const VirtualizedSearchResults: React.FC<VirtualizedSearchResultsProps> = ({
 }) => {
   const getItemSize = useCallback(
     (index: number) => ITEM_HEIGHT_MAP[results[index]?.type] ?? 80,
-    [results]
+    [results],
   );
 
   const Row = useCallback(
     ({ index, style }: ListChildComponentProps) => (
-      <SearchResultItem
-        result={results[index]}
-        style={style}
-        onSelect={onResultSelect}
-      />
+      <SearchResultItem result={results[index]} style={style} onSelect={onResultSelect} />
     ),
-    [results, onResultSelect]
+    [results, onResultSelect],
   );
 
   // Compute total estimated height for small result sets (avoids AutoSizer overhead)
   const estimatedTotalHeight = useMemo(
     () => results.reduce((sum, r) => sum + (ITEM_HEIGHT_MAP[r.type] ?? 80), 0),
-    [results]
+    [results],
   );
 
   if (isLoading) {
@@ -112,12 +103,18 @@ const VirtualizedSearchResults: React.FC<VirtualizedSearchResultsProps> = ({
   }
 
   if (results.length === 0 && query) {
-    return <EmptyState icon={SearchX} title={`No results for "${query}"`} description="Try a different search term" />;
+    return (
+      <EmptyState
+        icon={SearchX}
+        title={`No results for "${query}"`}
+        description="Try a different search term"
+      />
+    );
   }
 
   return (
     <div
-      className={`virtualized-search-results ${className ?? ""}`}
+      className={`virtualized-search-results ${className ?? ''}`}
       role="listbox"
       aria-label="Search results"
     >
@@ -139,4 +136,4 @@ const VirtualizedSearchResults: React.FC<VirtualizedSearchResultsProps> = ({
   );
 };
 
-export default VirtualizedSearchResults;
\ No newline at end of file
+export default VirtualizedSearchResults;
diff --git a/src/form-management/validation/validation-system-example.ts b/src/form-management/validation/validation-system-example.ts
index e7c70f99..8512ee27 100644
--- a/src/form-management/validation/validation-system-example.ts
+++ b/src/form-management/validation/validation-system-example.ts
@@ -125,7 +125,6 @@ export class IntegratedValidationSystem {
       name: 'minimum-age',
       description: 'Validate minimum age requirement',
       isAsync: false,
-      validationFunction: (value, formState, context) => {
       validationFunction: (value) => {
         const age = parseInt(String(value));
         const minAge = 18;
diff --git a/src/hooks/use-notification.ts b/src/hooks/use-notification.ts
index c5aedecd..c0e7cbb2 100644
--- a/src/hooks/use-notification.ts
+++ b/src/hooks/use-notification.ts
@@ -13,8 +13,8 @@ export const useNotification = () => {
     const finalMessage = Array.isArray(message)
       ? message[0]
       : message instanceof Error
-        ? message.message
-        : message;
+      ? message.message
+      : message;
 
     toast.error(finalMessage || 'Something went wrong. Please try again.', {
       duration: 5000,
diff --git a/src/hooks/useAdvancedForms.tsx b/src/hooks/useAdvancedForms.tsx
index 74b9f28c..5d8d650f 100644
--- a/src/hooks/useAdvancedForms.tsx
+++ b/src/hooks/useAdvancedForms.tsx
@@ -372,4 +372,4 @@ export const useFormField = (formHook: UseAdvancedFormsReturn, fieldId: string)
     errors: validation?.errors || [],
     warnings: validation?.warnings || [],
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/useAdvancedSearch.tsx b/src/hooks/useAdvancedSearch.tsx
index c60826df..e5018ef0 100644
--- a/src/hooks/useAdvancedSearch.tsx
+++ b/src/hooks/useAdvancedSearch.tsx
@@ -46,7 +46,6 @@ export const useAdvancedSearch = () => {
       ) as string[];
       setHistory(storedHistory);
     }
- // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // Run only once on mount
 
   // Persist history to localStorage
diff --git a/src/hooks/useAnalytics.tsx b/src/hooks/useAnalytics.tsx
index e3c6d926..100140c8 100644
--- a/src/hooks/useAnalytics.tsx
+++ b/src/hooks/useAnalytics.tsx
@@ -1,5 +1,5 @@
-import { useCallback, useEffect, useRef } from "react";
-import analytics, { EventName, EventProperties } from "@/utils/analytics";
+import { useCallback, useEffect, useRef } from 'react';
+import analytics, { EventName, EventProperties } from '@/utils/analytics';
 
 /**
  * useAnalytics – React hook for consistent event tracking.
@@ -59,7 +59,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}): UseAnalyticsRet
     (name: EventName, properties: EventProperties = {}) => {
       analytics.track(name, { ...contextRef.current, ...properties });
     },
-    [] // stable — context accessed via ref
+    [], // stable — context accessed via ref
   );
 
   const trackPageView = useCallback((overrides: EventProperties = {}) => {
@@ -80,10 +80,10 @@ export function useAnalytics(options: UseAnalyticsOptions = {}): UseAnalyticsRet
 export function trackClick<T extends React.MouseEvent>(
   eventName: EventName,
   properties: EventProperties,
-  handler?: (e: T) => void
+  handler?: (e: T) => void,
 ): (e: T) => void {
   return (e: T) => {
     analytics.track(eventName, properties);
     handler?.(e);
   };
-}
\ No newline at end of file
+}
diff --git a/src/hooks/useContentEditor.tsx b/src/hooks/useContentEditor.tsx
index 378895f1..72376b82 100644
--- a/src/hooks/useContentEditor.tsx
+++ b/src/hooks/useContentEditor.tsx
@@ -18,37 +18,40 @@ export const useContentEditor = ({
   placeholder = 'Start writing your content...',
   onUpdate,
 }: UseContentEditorProps) => {
-  const editor = useEditor({
-    extensions: [
-      StarterKit,
-      Image,
-      Youtube.configure({
-        width: 640,
-        height: 480,
-      }),
-      Link.configure({
-        openOnClick: false,
-      }),
-      Placeholder.configure({
-        placeholder,
-      }),
-    ],
-    immediatelyRender: false,
-    content: sanitizeHtml(initialContent),
-    onUpdate: ({ editor }) => {
-      const html = sanitizeHtml(editor.getHTML());
-      if (onUpdate) {
-        onUpdate(html);
-      }
-    },
-    // Ensure responsiveness and consistency
-    editorProps: {
-      attributes: {
-        class:
-          'prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto focus:outline-none min-h-[300px] p-4',
+  const editor = useEditor(
+    {
+      extensions: [
+        StarterKit,
+        Image,
+        Youtube.configure({
+          width: 640,
+          height: 480,
+        }),
+        Link.configure({
+          openOnClick: false,
+        }),
+        Placeholder.configure({
+          placeholder,
+        }),
+      ],
+      immediatelyRender: false,
+      content: sanitizeHtml(initialContent),
+      onUpdate: ({ editor }) => {
+        const html = sanitizeHtml(editor.getHTML());
+        if (onUpdate) {
+          onUpdate(html);
+        }
+      },
+      // Ensure responsiveness and consistency
+      editorProps: {
+        attributes: {
+          class:
+            'prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto focus:outline-none min-h-[300px] p-4',
+        },
       },
     },
-  }, [initialContent, placeholder, onUpdate]); // Added dependency array
+    [initialContent, placeholder, onUpdate],
+  ); // Added dependency array
 
   const addImage = useCallback(
     (url: string) => {
@@ -79,4 +82,4 @@ export const useContentEditor = ({
     addImage,
     addYoutubeVideo,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/useDashboardData.tsx b/src/hooks/useDashboardData.tsx
index 6e229c06..6061608a 100644
--- a/src/hooks/useDashboardData.tsx
+++ b/src/hooks/useDashboardData.tsx
@@ -116,10 +116,7 @@ export const useDashboardData = (): UseDashboardDataReturn => {
 
   const [shareURL, setShareURL] = useState<string | null>(null);
 
-  const sortedPanels = useMemo(
-    () => [...panels].sort((a, b) => a.position - b.position),
-    [panels],
-  );
+  const sortedPanels = useMemo(() => [...panels].sort((a, b) => a.position - b.position), [panels]);
 
   // Update filters and regenerate data for non-realtime panels
   const setFilters = useCallback((partial: Partial<DashboardFiltersState>) => {
diff --git a/src/hooks/useDataVisualization.tsx b/src/hooks/useDataVisualization.tsx
index 73df6008..00dcb6fe 100644
--- a/src/hooks/useDataVisualization.tsx
+++ b/src/hooks/useDataVisualization.tsx
@@ -316,4 +316,4 @@ export const useDataVisualization = (
     clearData,
     calculateStats,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/useDragDrop.tsx b/src/hooks/useDragDrop.tsx
index 2933835a..25452423 100644
--- a/src/hooks/useDragDrop.tsx
+++ b/src/hooks/useDragDrop.tsx
@@ -171,4 +171,4 @@ export const useDragDrop = ({
     resetState,
     saveNow,
   };
-};
\ No newline at end of file
+};
diff --git a/src/hooks/useInternationalization.tsx b/src/hooks/useInternationalization.tsx
index b669a2ad..6775d5a7 100644
--- a/src/hooks/useInternationalization.tsx
+++ b/src/hooks/useInternationalization.tsx
@@ -117,7 +117,7 @@ export function I18nProvider({
     if (savedLanguage && savedLanguage !== language) {
       setLanguage(savedLanguage);
     }
-   // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []); // Intentionally run once on mount - setLanguage is stable
 
   // Save language preference to localStorage
diff --git a/src/hooks/useOfflineMode.tsx b/src/hooks/useOfflineMode.tsx
index 4bc9f37e..139de1e8 100644
--- a/src/hooks/useOfflineMode.tsx
+++ b/src/hooks/useOfflineMode.tsx
@@ -267,4 +267,4 @@ export const useOfflineMode = () => {
       getCachedAssetUrl,
     ],
   );
-};
\ No newline at end of file
+};
diff --git a/src/hooks/useSearchFilters.tsx b/src/hooks/useSearchFilters.tsx
index 3c3be94a..4db49255 100644
--- a/src/hooks/useSearchFilters.tsx
+++ b/src/hooks/useSearchFilters.tsx
@@ -90,7 +90,7 @@ export const useSearchFilters = () => {
 
     isInternalNavigationRef.current = true;
     router.replace(newUrl, { scroll: false });
-  }, [filters, pathname, router]); // searchParams only used for initial state
+  }, [filters, pathname, router, searchParams]);
 
   const setFilters = useCallback((newFilters: Partial<FilterState>) => {
     setFiltersState((prev) => ({
@@ -116,4 +116,4 @@ export const useSearchFilters = () => {
     setFilters,
     resetFilters,
   };
-};
\ No newline at end of file
+};
diff --git a/src/lib/pdf/templates.ts b/src/lib/pdf/templates.ts
new file mode 100644
index 00000000..969d2bf4
--- /dev/null
+++ b/src/lib/pdf/templates.ts
@@ -0,0 +1,54 @@
+export interface ReportData {
+  title: string;
+  content: string;
+  date: string;
+  author: string;
+}
+
+export function generateReportHTML(data: ReportData): string {
+  return `
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <title>${data.title}</title>
+      <style>
+        body {
+          font-family: Arial, sans-serif;
+          margin: 20px;
+        }
+        h1 {
+          color: #333;
+        }
+        .header {
+          border-bottom: 1px solid #ccc;
+          padding-bottom: 10px;
+          margin-bottom: 20px;
+        }
+        .content {
+          line-height: 1.6;
+        }
+        .footer {
+          margin-top: 20px;
+          font-size: 0.8em;
+          color: #666;
+        }
+      </style>
+    </head>
+    <body>
+      <div class="header">
+        <h1>${data.title}</h1>
+        <p>Author: ${data.author}</p>
+        <p>Date: ${data.date}</p>
+      </div>
+      <div class="content">
+        ${data.content}
+      </div>
+      <div class="footer">
+        Generated by TeachLink
+      </div>
+    </body>
+    </html>
+  `;
+}
diff --git a/src/lib/queryKeys.ts b/src/lib/queryKeys.ts
index 549eb74e..632da446 100644
--- a/src/lib/queryKeys.ts
+++ b/src/lib/queryKeys.ts
@@ -5,8 +5,7 @@
 export const queryKeys = {
   courses: {
     all: ['courses'] as const,
-    list: (params?: { cursor?: string; limit?: number }) =>
-      ['courses', 'list', params] as const,
+    list: (params?: { cursor?: string; limit?: number }) => ['courses', 'list', params] as const,
     detail: (id: string) => ['courses', id] as const,
     lessons: (courseId: string) => ['courses', courseId, 'lessons'] as const,
   },
diff --git a/src/lib/ratelimit.ts b/src/lib/ratelimit.ts
index 703501b6..86927d3f 100644
--- a/src/lib/ratelimit.ts
+++ b/src/lib/ratelimit.ts
@@ -1,3 +1,5 @@
+import { NextResponse } from 'next/server';
+
 /**
  * In-memory sliding window rate limiter for API routes.
  * Provides IP-based rate limiting with configurable limits and windows.
@@ -100,49 +102,52 @@ export const RATE_LIMIT_TIERS = {
 
 export type RateLimitTier = keyof typeof RATE_LIMIT_TIERS;
 
-export function createRateLimitResponse(result: RateLimitResult): Response | null {
+export function createRateLimitResponse(result: RateLimitResult): NextResponse | null {
   if (result.success) {
     return null;
   }
 
   const retryAfter = result.retryAfter ?? Math.ceil((result.reset - Date.now()) / 1000);
 
-  return new Response(
-    JSON.stringify({
+  const response = NextResponse.json(
+    {
       error: {
         code: 'rate_limit_exceeded',
         message: `Rate limit exceeded. Try again in ${retryAfter} seconds.`,
         retryAfter,
       },
-    }),
+    },
     {
       status: 429,
-      headers: {
-        'Content-Type': 'application/json',
-        'X-RateLimit-Limit': String(result.limit),
-        'X-RateLimit-Remaining': String(result.remaining),
-        'X-RateLimit-Reset': String(Math.floor(result.reset / 1000)),
-        'Retry-After': String(retryAfter),
-      },
     },
   );
+
+  response.headers.set('X-RateLimit-Limit', String(result.limit));
+  response.headers.set('X-RateLimit-Remaining', String(result.remaining));
+  response.headers.set('X-RateLimit-Reset', String(Math.floor(result.reset / 1000)));
+  response.headers.set('Retry-After', String(retryAfter));
+
+  return response;
 }
 
 export function withRateLimit<T extends Request>(
   request: T,
   tier: RateLimitTier,
-): { addHeaders: (response: Response) => Response; rateLimitResponse: Response | null } {
+): {
+  addHeaders: <U>(response: Response | NextResponse<U>) => NextResponse<U>;
+  rateLimitResponse: NextResponse | null;
+} {
   const ip = getClientIP(request);
   const config = RATE_LIMIT_TIERS[tier];
   const identifier = `${ip}:${tier}`;
   const result = slidingWindowRateLimit(identifier, config);
 
-  const addHeaders = (response: Response): Response => {
+  const addHeaders = <U>(response: Response | NextResponse<U>): NextResponse<U> => {
     const headers = new Headers(response.headers);
     headers.set('X-RateLimit-Limit', String(result.limit));
     headers.set('X-RateLimit-Remaining', String(result.remaining));
     headers.set('X-RateLimit-Reset', String(Math.floor(result.reset / 1000)));
-    return new Response(response.body, {
+    return new NextResponse<U>(response.body, {
       status: response.status,
       statusText: response.statusText,
       headers,
diff --git a/src/providers/Notificationprovider.tsx b/src/providers/Notificationprovider.tsx
index ca0fed89..42dfd3a6 100644
--- a/src/providers/Notificationprovider.tsx
+++ b/src/providers/Notificationprovider.tsx
@@ -1,231 +1,229 @@
 import React, {
-    createContext,
-    useContext,
-    useEffect,
-    useRef,
-    useState,
-    useCallback,
-    ReactNode,
-  } from "react";
-  
-  export type NotificationType =
-    | "info"
-    | "success"
-    | "warning"
-    | "error"
-    | "message"
-    | "course"
-    | "system";
-  
-  export interface Notification {
-    id: string;
-    type: NotificationType;
-    title: string;
-    body?: string;
-    timestamp: Date;
-    read: boolean;
-    actionUrl?: string;
-    avatarUrl?: string;
-    metadata?: Record<string, unknown>;
+  createContext,
+  useContext,
+  useEffect,
+  useRef,
+  useState,
+  useCallback,
+  ReactNode,
+} from 'react';
+
+export type NotificationType =
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'error'
+  | 'message'
+  | 'course'
+  | 'system';
+
+export interface Notification {
+  id: string;
+  type: NotificationType;
+  title: string;
+  body?: string;
+  timestamp: Date;
+  read: boolean;
+  actionUrl?: string;
+  avatarUrl?: string;
+  metadata?: Record<string, unknown>;
+}
+
+type NotificationEventType = 'notification' | 'notification_read' | 'notification_clear';
+
+interface NotificationEvent {
+  event: NotificationEventType;
+  payload: unknown;
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// WebSocket service (singleton per URL)
+// ──────────────────────────────────────────────────────────────────────────────
+
+type Listener = (notification: Notification) => void;
+
+class NotificationSocketService {
+  private ws: WebSocket | null = null;
+  private listeners: Set<Listener> = new Set();
+  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
+  private reconnectDelay = 1000;
+  private maxReconnectDelay = 30_000;
+  private intentionallyClosed = false;
+
+  constructor(private url: string) {}
+
+  connect() {
+    this.intentionallyClosed = false;
+    this.open();
   }
-  
-  type NotificationEventType = "notification" | "notification_read" | "notification_clear";
-  
-  interface NotificationEvent {
-    event: NotificationEventType;
-    payload: unknown;
-  }
-  
-  // ──────────────────────────────────────────────────────────────────────────────
-  // WebSocket service (singleton per URL)
-  // ──────────────────────────────────────────────────────────────────────────────
-  
-  type Listener = (notification: Notification) => void;
-  
-  class NotificationSocketService {
-    private ws: WebSocket | null = null;
-    private listeners: Set<Listener> = new Set();
-    private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
-    private reconnectDelay = 1000;
-    private maxReconnectDelay = 30_000;
-    private intentionallyClosed = false;
-  
-    constructor(private url: string) {}
-  
-    connect() {
-      this.intentionallyClosed = false;
-      this.open();
-    }
-  
-    private open() {
-      if (this.ws) return;
-      try {
-        this.ws = new WebSocket(this.url);
-  
-        this.ws.onopen = () => {
-          console.info("[NotificationSocket] Connected");
-          this.reconnectDelay = 1000; // reset back-off
-        };
-  
-        this.ws.onmessage = (event: MessageEvent) => {
-          try {
-            const data: NotificationEvent = JSON.parse(event.data as string);
-            if (data.event === "notification") {
-              const notification = data.payload as Notification;
-              notification.timestamp = new Date(notification.timestamp);
-              this.listeners.forEach((cb) => cb(notification));
-            }
-          } catch {
-            console.warn("[NotificationSocket] Failed to parse message", event.data);
-          }
-        };
-  
-        this.ws.onclose = () => {
-          this.ws = null;
-          if (!this.intentionallyClosed) {
-            this.scheduleReconnect();
+
+  private open() {
+    if (this.ws) return;
+    try {
+      this.ws = new WebSocket(this.url);
+
+      this.ws.onopen = () => {
+        console.info('[NotificationSocket] Connected');
+        this.reconnectDelay = 1000; // reset back-off
+      };
+
+      this.ws.onmessage = (event: MessageEvent) => {
+        try {
+          const data: NotificationEvent = JSON.parse(event.data as string);
+          if (data.event === 'notification') {
+            const notification = data.payload as Notification;
+            notification.timestamp = new Date(notification.timestamp);
+            this.listeners.forEach((cb) => cb(notification));
           }
-        };
-  
-        this.ws.onerror = (err) => {
-          console.error("[NotificationSocket] Error", err);
-          this.ws?.close();
-        };
-      } catch (err) {
-        console.error("[NotificationSocket] Failed to open", err);
-        this.scheduleReconnect();
-      }
-    }
-  
-    private scheduleReconnect() {
-      this.reconnectTimer = setTimeout(() => {
-        console.info(`[NotificationSocket] Reconnecting…`);
-        this.open();
-        this.reconnectDelay = Math.min(this.reconnectDelay * 2, this.maxReconnectDelay);
-      }, this.reconnectDelay);
-    }
-  
-    disconnect() {
-      this.intentionallyClosed = true;
-      if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
-      this.ws?.close();
-      this.ws = null;
-    }
-  
-    subscribe(listener: Listener) {
-      this.listeners.add(listener);
-      return () => this.listeners.delete(listener);
-    }
-  
-    send(event: NotificationEventType, payload: unknown) {
-      if (this.ws?.readyState === WebSocket.OPEN) {
-        this.ws.send(JSON.stringify({ event, payload }));
-      }
+        } catch {
+          console.warn('[NotificationSocket] Failed to parse message', event.data);
+        }
+      };
+
+      this.ws.onclose = () => {
+        this.ws = null;
+        if (!this.intentionallyClosed) {
+          this.scheduleReconnect();
+        }
+      };
+
+      this.ws.onerror = (err) => {
+        console.error('[NotificationSocket] Error', err);
+        this.ws?.close();
+      };
+    } catch (err) {
+      console.error('[NotificationSocket] Failed to open', err);
+      this.scheduleReconnect();
     }
   }
-  
-  // ──────────────────────────────────────────────────────────────────────────────
-  // Context
-  // ──────────────────────────────────────────────────────────────────────────────
-  
-  interface NotificationContextValue {
-    notifications: Notification[];
-    unreadCount: number;
-    markAsRead: (id: string) => void;
-    markAllAsRead: () => void;
-    clearNotification: (id: string) => void;
-    clearAll: () => void;
+
+  private scheduleReconnect() {
+    this.reconnectTimer = setTimeout(() => {
+      console.info(`[NotificationSocket] Reconnecting…`);
+      this.open();
+      this.reconnectDelay = Math.min(this.reconnectDelay * 2, this.maxReconnectDelay);
+    }, this.reconnectDelay);
   }
-  
-  const NotificationContext = createContext<NotificationContextValue | null>(null);
-  
-  export function useNotifications(): NotificationContextValue {
-    const ctx = useContext(NotificationContext);
-    if (!ctx) throw new Error("useNotifications must be used inside <NotificationProvider>");
-    return ctx;
+
+  disconnect() {
+    this.intentionallyClosed = true;
+    if (this.reconnectTimer) clearTimeout(this.reconnectTimer);
+    this.ws?.close();
+    this.ws = null;
   }
-  
-  // ──────────────────────────────────────────────────────────────────────────────
-  // Provider
-  // ──────────────────────────────────────────────────────────────────────────────
-  
-  interface NotificationProviderProps {
-    children: ReactNode;
-    /** WebSocket endpoint, e.g. "wss://api.example.com/notifications" */
-    wsUrl: string;
-    /** Initial notifications fetched server-side / from cache */
-    initialNotifications?: Notification[];
-    /** Max number of notifications to keep in memory */
-    maxNotifications?: number;
+
+  subscribe(listener: Listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
   }
-  
-  export function NotificationProvider({
-    children,
-    wsUrl,
-    initialNotifications = [],
-    maxNotifications = 200,
-  }: NotificationProviderProps) {
-    const [notifications, setNotifications] = useState<Notification[]>(initialNotifications);
-    const serviceRef = useRef<NotificationSocketService | null>(null);
-  
-    const unreadCount = notifications.filter((n) => !n.read).length;
-  
-    const addNotification = useCallback(
-      (notification: Notification) => {
-        setNotifications((prev) => {
-          const next = [notification, ...prev];
-          return next.slice(0, maxNotifications);
-        });
-      },
-      [maxNotifications]
-    );
-  
-    useEffect(() => {
-      const svc = new NotificationSocketService(wsUrl);
-      serviceRef.current = svc;
-      svc.connect();
-  
-      const unsubscribe = svc.subscribe(addNotification);
-      return () => {
-        unsubscribe();
-        svc.disconnect();
-      };
-    }, [wsUrl, addNotification]);
-  
-    const markAsRead = useCallback((id: string) => {
-      setNotifications((prev) =>
-        prev.map((n) => (n.id === id ? { ...n, read: true } : n))
-      );
-      serviceRef.current?.send("notification_read", { id });
-    }, []);
-  
-    const markAllAsRead = useCallback(() => {
-      setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
-      serviceRef.current?.send("notification_read", { all: true });
-    }, []);
-  
-    const clearNotification = useCallback((id: string) => {
-      setNotifications((prev) => prev.filter((n) => n.id !== id));
-      serviceRef.current?.send("notification_clear", { id });
-    }, []);
-  
-    const clearAll = useCallback(() => {
-      setNotifications([]);
-      serviceRef.current?.send("notification_clear", { all: true });
-    }, []);
-  
-    return (
-      <NotificationContext.Provider
-        value={{
-          notifications,
-          unreadCount,
-          markAsRead,
-          markAllAsRead,
-          clearNotification,
-          clearAll,
-        }}
-      >
-        {children}
-      </NotificationContext.Provider>
-    );
-  }
\ No newline at end of file
+
+  send(event: NotificationEventType, payload: unknown) {
+    if (this.ws?.readyState === WebSocket.OPEN) {
+      this.ws.send(JSON.stringify({ event, payload }));
+    }
+  }
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Context
+// ──────────────────────────────────────────────────────────────────────────────
+
+interface NotificationContextValue {
+  notifications: Notification[];
+  unreadCount: number;
+  markAsRead: (id: string) => void;
+  markAllAsRead: () => void;
+  clearNotification: (id: string) => void;
+  clearAll: () => void;
+}
+
+const NotificationContext = createContext<NotificationContextValue | null>(null);
+
+export function useNotifications(): NotificationContextValue {
+  const ctx = useContext(NotificationContext);
+  if (!ctx) throw new Error('useNotifications must be used inside <NotificationProvider>');
+  return ctx;
+}
+
+// ──────────────────────────────────────────────────────────────────────────────
+// Provider
+// ──────────────────────────────────────────────────────────────────────────────
+
+interface NotificationProviderProps {
+  children: ReactNode;
+  /** WebSocket endpoint, e.g. "wss://api.example.com/notifications" */
+  wsUrl: string;
+  /** Initial notifications fetched server-side / from cache */
+  initialNotifications?: Notification[];
+  /** Max number of notifications to keep in memory */
+  maxNotifications?: number;
+}
+
+export function NotificationProvider({
+  children,
+  wsUrl,
+  initialNotifications = [],
+  maxNotifications = 200,
+}: NotificationProviderProps) {
+  const [notifications, setNotifications] = useState<Notification[]>(initialNotifications);
+  const serviceRef = useRef<NotificationSocketService | null>(null);
+
+  const unreadCount = notifications.filter((n) => !n.read).length;
+
+  const addNotification = useCallback(
+    (notification: Notification) => {
+      setNotifications((prev) => {
+        const next = [notification, ...prev];
+        return next.slice(0, maxNotifications);
+      });
+    },
+    [maxNotifications],
+  );
+
+  useEffect(() => {
+    const svc = new NotificationSocketService(wsUrl);
+    serviceRef.current = svc;
+    svc.connect();
+
+    const unsubscribe = svc.subscribe(addNotification);
+    return () => {
+      unsubscribe();
+      svc.disconnect();
+    };
+  }, [wsUrl, addNotification]);
+
+  const markAsRead = useCallback((id: string) => {
+    setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, read: true } : n)));
+    serviceRef.current?.send('notification_read', { id });
+  }, []);
+
+  const markAllAsRead = useCallback(() => {
+    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
+    serviceRef.current?.send('notification_read', { all: true });
+  }, []);
+
+  const clearNotification = useCallback((id: string) => {
+    setNotifications((prev) => prev.filter((n) => n.id !== id));
+    serviceRef.current?.send('notification_clear', { id });
+  }, []);
+
+  const clearAll = useCallback(() => {
+    setNotifications([]);
+    serviceRef.current?.send('notification_clear', { all: true });
+  }, []);
+
+  return (
+    <NotificationContext.Provider
+      value={{
+        notifications,
+        unreadCount,
+        markAsRead,
+        markAllAsRead,
+        clearNotification,
+        clearAll,
+      }}
+    >
+      {children}
+    </NotificationContext.Provider>
+  );
+}
diff --git a/src/providers/RootProviders.tsx b/src/providers/RootProviders.tsx
index 7dbe67e2..cb2f42a3 100644
--- a/src/providers/RootProviders.tsx
+++ b/src/providers/RootProviders.tsx
@@ -16,38 +16,33 @@ import { Loading } from '@/components/ui/Loading';
 // Lazy load heavy/non-critical providers/components to improve initial render time
 const OfflineModeProvider = dynamic(
   () => import('@/context/OfflineModeContext').then((mod) => mod.OfflineModeProvider),
-  { ssr: false }
+  { ssr: false },
 );
 
 const PerformanceMonitoringProvider = dynamic(
   () => import('@/hooks/usePerformanceMonitoring').then((mod) => mod.PerformanceMonitoringProvider),
-  { ssr: false }
+  { ssr: false },
 );
 
 const PWAManager = dynamic(
   () => import('@/components/pwa/PWAManager').then((mod) => mod.PWAManager),
-  { ssr: false }
+  { ssr: false },
 );
 
 const StateManagerIntegration = dynamic(
   () => import('@/components/state/StateManagerIntegration'),
-  { ssr: false }
+  { ssr: false },
 );
 
-const PerformanceMonitor = dynamic(
-  () => import('@/components/performance/PerformanceMonitor'),
-  { ssr: false }
-);
+const PerformanceMonitor = dynamic(() => import('@/components/performance/PerformanceMonitor'), {
+  ssr: false,
+});
 
-const PrefetchingEngine = dynamic(
-  () => import('@/components/performance/PrefetchingEngine'),
-  { ssr: false }
-);
+const PrefetchingEngine = dynamic(() => import('@/components/performance/PrefetchingEngine'), {
+  ssr: false,
+});
 
-const DynamicTheming = dynamic(
-  () => import('@/components/theme/DynamicTheming'),
-  { ssr: false }
-);
+const DynamicTheming = dynamic(() => import('@/components/theme/DynamicTheming'), { ssr: false });
 
 interface RootProvidersProps {
   children: React.ReactNode;
diff --git a/src/serviceWorker.ts b/src/serviceWorker.ts
index 0e444cc5..84d2b849 100644
--- a/src/serviceWorker.ts
+++ b/src/serviceWorker.ts
@@ -18,15 +18,12 @@ const offlineFallbackPage = '/offline.html';
 
 // Set up App Shell-style routing
 const fileExtensionRegexp = new RegExp('/[^/?]+\\.[^/]+$');
-registerRoute(
-  ({ request, url }: { request: Request; url: URL }) => {
-    if (request.mode !== 'navigate') return false;
-    if (url.pathname.startsWith('/_')) return false;
-    if (url.pathname.match(fileExtensionRegexp)) return false;
-    return true;
-  },
-  createHandlerBoundToURL('/index.html'),
-);
+registerRoute(({ request, url }: { request: Request; url: URL }) => {
+  if (request.mode !== 'navigate') return false;
+  if (url.pathname.startsWith('/_')) return false;
+  if (url.pathname.match(fileExtensionRegexp)) return false;
+  return true;
+}, createHandlerBoundToURL('/index.html'));
 
 // Navigation fallback for offline
 registerRoute(
@@ -72,7 +69,8 @@ registerRoute(
 );
 
 registerRoute(
-  ({ url }) => url.origin === self.location.origin && url.pathname.match(/\.(jpg|jpeg|svg|gif|webp)$/),
+  ({ url }) =>
+    url.origin === self.location.origin && url.pathname.match(/\.(jpg|jpeg|svg|gif|webp)$/),
   new CacheFirst({
     cacheName: 'images-ext',
     plugins: [new ExpirationPlugin({ maxEntries: 100 })],
@@ -139,8 +137,4 @@ self.addEventListener('message', (event) => {
 
 self.addEventListener('activate', (event) => {
   event.waitUntil(clientsClaim());
-});
-  if (event.data && event.data.type === 'SKIP_WAITING') {
-    self.skipWaiting();
-  }
 });
diff --git a/src/services/pdf-generation.ts b/src/services/pdf-generation.ts
new file mode 100644
index 00000000..ef254b18
--- /dev/null
+++ b/src/services/pdf-generation.ts
@@ -0,0 +1,20 @@
+import puppeteer from 'puppeteer';
+
+export async function generatePDF(html: string): Promise<Buffer> {
+  const browser = await puppeteer.launch({
+    headless: true,
+    args: ['--no-sandbox', '--disable-setuid-sandbox'],
+  });
+
+  const page = await browser.newPage();
+  await page.setContent(html, { waitUntil: 'networkidle0' });
+
+  const pdfBuffer = await page.pdf({
+    format: 'A4',
+    printBackground: true,
+  });
+
+  await browser.close();
+
+  return pdfBuffer;
+}
diff --git a/src/testing/utils/fixtures.ts b/src/testing/utils/fixtures.ts
index c164248b..c923defb 100644
--- a/src/testing/utils/fixtures.ts
+++ b/src/testing/utils/fixtures.ts
@@ -6,16 +6,15 @@
 // (COURSES, USERS, etc.) for collection-level tests.
 // ──────────────────────────────────────────────────────────────────────────────
 
-import { SearchResult } from "@/components/virtualizedsearchresults";
-import { Course } from "@/types";
-
+import { SearchResult } from '@/components/virtualizedsearchresults';
+import { Course } from '@/types';
 
 // ──────────────────────────────────────────────────────────────────────────────
 // Utility
 // ──────────────────────────────────────────────────────────────────────────────
 
 let _seq = 0;
-function seq(prefix = "") {
+function seq(prefix = '') {
   return `${prefix}${++_seq}`;
 }
 
@@ -29,15 +28,15 @@ export function resetFixtureCounter() {
 // ──────────────────────────────────────────────────────────────────────────────
 
 export function makeCourse(overrides: Partial<Course> = {}): Course {
-  const id = seq("course-");
+  const id = seq('course-');
   return {
     id,
     title: `Test Course ${id}`,
-    instructor: "Jane Doe",
+    instructor: 'Jane Doe',
     thumbnailUrl: `https://picsum.photos/seed/${id}/320/180`,
     progress: 0,
-    duration: "4h 30m",
-    category: "Engineering",
+    duration: '4h 30m',
+    category: 'Engineering',
     ...overrides,
   };
 }
@@ -47,11 +46,11 @@ export function makeCourses(count: number, overrides: Partial<Course> = {}): Cou
 }
 
 export const COURSES: Course[] = [
-  makeCourse({ title: "Introduction to TypeScript", instructor: "Alice Smith", progress: 100}),
-  makeCourse({ title: "React Performance Patterns", instructor: "Bob Lee", progress: 42,  }),
-  makeCourse({ title: "Node.js Microservices", instructor: "Carol White", progress: 0,}),
-  makeCourse({ title: "CSS Architecture", instructor: "Dan Brown", progress: 75,}),
-  makeCourse({ title: "Testing with Vitest", instructor: "Eve Davis", progress: 20,}),
+  makeCourse({ title: 'Introduction to TypeScript', instructor: 'Alice Smith', progress: 100 }),
+  makeCourse({ title: 'React Performance Patterns', instructor: 'Bob Lee', progress: 42 }),
+  makeCourse({ title: 'Node.js Microservices', instructor: 'Carol White', progress: 0 }),
+  makeCourse({ title: 'CSS Architecture', instructor: 'Dan Brown', progress: 75 }),
+  makeCourse({ title: 'Testing with Vitest', instructor: 'Eve Davis', progress: 20 }),
 ];
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -59,29 +58,33 @@ export const COURSES: Course[] = [
 // ──────────────────────────────────────────────────────────────────────────────
 
 export function makeSearchResult(overrides: Partial<SearchResult> = {}): SearchResult {
-  const id = seq("result-");
+  const id = seq('result-');
   return {
     id,
-    type: "course",
+    type: 'course',
     title: `Search Result ${id}`,
-    subtitle: "Subtitle text",
-    description: "Short description for the result item.",
+    subtitle: 'Subtitle text',
+    description: 'Short description for the result item.',
     ...overrides,
   };
 }
 
 export function makeSearchResults(
   count: number,
-  overrides: Partial<SearchResult> = {}
+  overrides: Partial<SearchResult> = {},
 ): SearchResult[] {
   return Array.from({ length: count }, () => makeSearchResult(overrides));
 }
 
 export const SEARCH_RESULTS: SearchResult[] = [
-  makeSearchResult({ type: "course", title: "TypeScript Fundamentals" }),
-  makeSearchResult({ type: "user", title: "Alice Smith", subtitle: "Frontend Engineer" }),
-  makeSearchResult({ type: "post", title: "How to optimise React re-renders", description: "A deep-dive post." }),
-  makeSearchResult({ type: "file", title: "Q3 Report.pdf", subtitle: "Uploaded 3 days ago" }),
+  makeSearchResult({ type: 'course', title: 'TypeScript Fundamentals' }),
+  makeSearchResult({ type: 'user', title: 'Alice Smith', subtitle: 'Frontend Engineer' }),
+  makeSearchResult({
+    type: 'post',
+    title: 'How to optimise React re-renders',
+    description: 'A deep-dive post.',
+  }),
+  makeSearchResult({ type: 'file', title: 'Q3 Report.pdf', subtitle: 'Uploaded 3 days ago' }),
 ];
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -89,15 +92,15 @@ export const SEARCH_RESULTS: SearchResult[] = [
 // ──────────────────────────────────────────────────────────────────────────────
 
 export function makeMessage(overrides: Partial<Message> = {}): Message {
-  const id = seq("msg-");
+  const id = seq('msg-');
   return {
     id,
-    senderId: "user-1",
-    senderName: "Alice",
+    senderId: 'user-1',
+    senderName: 'Alice',
     content: `Hello, this is message ${id}.`,
     timestamp: new Date(Date.now() - Math.random() * 3_600_000),
     isOwn: false,
-    status: "read",
+    status: 'read',
     ...overrides,
   };
 }
@@ -107,10 +110,22 @@ export function makeMessages(count: number, overrides: Partial<Message> = {}): M
 }
 
 export const MESSAGES: Message[] = [
-  makeMessage({ senderId: "user-2", senderName: "Bob", content: "Hey, how are you?" }),
-  makeMessage({ senderId: "user-1", senderName: "Alice", content: "I'm great, thanks!", isOwn: true, status: "read" }),
-  makeMessage({ senderId: "user-2", senderName: "Bob", content: "Can you review my PR?" }),
-  makeMessage({ senderId: "user-1", senderName: "Alice", content: "Sure, sending comments now.", isOwn: true, status: "delivered" }),
+  makeMessage({ senderId: 'user-2', senderName: 'Bob', content: 'Hey, how are you?' }),
+  makeMessage({
+    senderId: 'user-1',
+    senderName: 'Alice',
+    content: "I'm great, thanks!",
+    isOwn: true,
+    status: 'read',
+  }),
+  makeMessage({ senderId: 'user-2', senderName: 'Bob', content: 'Can you review my PR?' }),
+  makeMessage({
+    senderId: 'user-1',
+    senderName: 'Alice',
+    content: 'Sure, sending comments now.',
+    isOwn: true,
+    status: 'delivered',
+  }),
 ];
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -118,12 +133,12 @@ export const MESSAGES: Message[] = [
 // ──────────────────────────────────────────────────────────────────────────────
 
 export function makeNotification(overrides: Partial<Notification> = {}): Notification {
-  const id = seq("notif-");
+  const id = seq('notif-');
   return {
     id,
-    type: "info",
+    type: 'info',
     title: `Notification ${id}`,
-    body: "This is a test notification body.",
+    body: 'This is a test notification body.',
     timestamp: new Date(Date.now() - Math.random() * 86_400_000),
     read: false,
     ...overrides,
@@ -132,16 +147,23 @@ export function makeNotification(overrides: Partial<Notification> = {}): Notific
 
 export function makeNotifications(
   count: number,
-  overrides: Partial<Notification> = {}
+  overrides: Partial<Notification> = {},
 ): Notification[] {
   return Array.from({ length: count }, () => makeNotification(overrides));
 }
 
 export const NOTIFICATIONS: Notification[] = [
-  makeNotification({ title: "Course completed!", body: "You finished TypeScript Fundamentals." }),
-  makeNotification({ title: "New message from Bob", body: "Can you review my PR?" }),
-  makeNotification({  title: "Subscription expiring soon", body: "Your plan expires in 3 days.", read: true }),
-  makeNotification({ title: "Scheduled maintenance", body: "Downtime on Saturday 02:00–04:00 UTC." }),
+  makeNotification({ title: 'Course completed!', body: 'You finished TypeScript Fundamentals.' }),
+  makeNotification({ title: 'New message from Bob', body: 'Can you review my PR?' }),
+  makeNotification({
+    title: 'Subscription expiring soon',
+    body: 'Your plan expires in 3 days.',
+    read: true,
+  }),
+  makeNotification({
+    title: 'Scheduled maintenance',
+    body: 'Downtime on Saturday 02:00–04:00 UTC.',
+  }),
 ];
 
 // ──────────────────────────────────────────────────────────────────────────────
@@ -153,22 +175,22 @@ export interface UserFixture {
   name: string;
   email: string;
   avatarUrl?: string;
-  role: "student" | "instructor" | "admin";
+  role: 'student' | 'instructor' | 'admin';
 }
 
 export function makeUser(overrides: Partial<UserFixture> = {}): UserFixture {
-  const id = seq("user-");
+  const id = seq('user-');
   return {
     id,
     name: `Test User ${id}`,
     email: `user${id}@example.com`,
-    role: "student",
+    role: 'student',
     ...overrides,
   };
 }
 
 export const USERS: UserFixture[] = [
-  makeUser({ name: "Alice Smith", email: "alice@example.com", role: "instructor" }),
-  makeUser({ name: "Bob Lee", email: "bob@example.com", role: "student" }),
-  makeUser({ name: "Carol Admin", email: "carol@example.com", role: "admin" }),
-];
\ No newline at end of file
+  makeUser({ name: 'Alice Smith', email: 'alice@example.com', role: 'instructor' }),
+  makeUser({ name: 'Bob Lee', email: 'bob@example.com', role: 'student' }),
+  makeUser({ name: 'Carol Admin', email: 'carol@example.com', role: 'admin' }),
+];
diff --git a/src/utils/analytics.ts b/src/utils/analytics.ts
index b3c601b8..9f40ec3d 100644
--- a/src/utils/analytics.ts
+++ b/src/utils/analytics.ts
@@ -13,40 +13,40 @@
 
 export type EventName =
   // Navigation
-  | "page_view"
-  | "page_exit"
+  | 'page_view'
+  | 'page_exit'
   // Auth
-  | "login"
-  | "logout"
-  | "signup"
+  | 'login'
+  | 'logout'
+  | 'signup'
   // Courses
-  | "course_view"
-  | "course_started"
-  | "course_completed"
-  | "lesson_started"
-  | "lesson_completed"
-  | "lesson_skipped"
+  | 'course_view'
+  | 'course_started'
+  | 'course_completed'
+  | 'lesson_started'
+  | 'lesson_completed'
+  | 'lesson_skipped'
   // Search
-  | "search_performed"
-  | "search_result_clicked"
-  | "search_no_results"
+  | 'search_performed'
+  | 'search_result_clicked'
+  | 'search_no_results'
   // Messaging
-  | "message_sent"
-  | "thread_opened"
+  | 'message_sent'
+  | 'thread_opened'
   // Notifications
-  | "notification_received"
-  | "notification_clicked"
-  | "notification_dismissed"
+  | 'notification_received'
+  | 'notification_clicked'
+  | 'notification_dismissed'
   // UI interactions
-  | "button_clicked"
-  | "link_clicked"
-  | "modal_opened"
-  | "modal_closed"
-  | "filter_applied"
-  | "sort_changed"
+  | 'button_clicked'
+  | 'link_clicked'
+  | 'modal_opened'
+  | 'modal_closed'
+  | 'filter_applied'
+  | 'sort_changed'
   // Errors
-  | "error_boundary_triggered"
-  | "api_error"
+  | 'error_boundary_triggered'
+  | 'api_error'
   // Custom / escape hatch
   | (string & Record<never, never>);
 
@@ -71,7 +71,7 @@ export type AnalyticsAdapter = (event: AnalyticsEvent) => void | Promise<void>;
 
 /** Logs to console in development */
 export const consoleAdapter: AnalyticsAdapter = (event) => {
-  if (process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== 'production') {
     console.info(`[Analytics] ${event.name}`, event.properties);
   }
 };
@@ -81,13 +81,13 @@ export function createApiAdapter(endpoint: string): AnalyticsAdapter {
   return async (event) => {
     try {
       await fetch(endpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(event),
         keepalive: true, // survive page unload
       });
     } catch (err) {
-      console.warn("[Analytics] Failed to send event", err);
+      console.warn('[Analytics] Failed to send event', err);
     }
   };
 }
@@ -96,20 +96,23 @@ export function createApiAdapter(endpoint: string): AnalyticsAdapter {
 // Helpers
 // ──────────────────────────────────────────────────────────────────────────────
 
-function generateId(prefix = ""): string {
+function generateId(prefix = ''): string {
   return `${prefix}${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
 }
 
-const SESSION_KEY = "__analytics_session__";
-const ANON_KEY = "__analytics_anon__";
+const SESSION_KEY = '__analytics_session__';
+const ANON_KEY = '__analytics_anon__';
 
 function getOrCreate(key: string, factory: () => string): string {
   try {
-    return sessionStorage.getItem(key) ?? (() => {
-      const id = factory();
-      sessionStorage.setItem(key, id);
-      return id;
-    })();
+    return (
+      sessionStorage.getItem(key) ??
+      (() => {
+        const id = factory();
+        sessionStorage.setItem(key, id);
+        return id;
+      })()
+    );
   } catch {
     return factory();
   }
@@ -125,18 +128,18 @@ class Analytics {
   private globalProperties: EventProperties = {};
 
   private get sessionId(): string {
-    return getOrCreate(SESSION_KEY, () => generateId("s_"));
+    return getOrCreate(SESSION_KEY, () => generateId('s_'));
   }
 
   private get anonymousId(): string {
     try {
       const stored = localStorage.getItem(ANON_KEY);
       if (stored) return stored;
-      const id = generateId("a_");
+      const id = generateId('a_');
       localStorage.setItem(ANON_KEY, id);
       return id;
     } catch {
-      return generateId("a_");
+      return generateId('a_');
     }
   }
 
@@ -184,7 +187,7 @@ class Analytics {
 
   /** Convenience: track a page view with current URL metadata */
   trackPageView(overrides: EventProperties = {}): void {
-    this.track("page_view", {
+    this.track('page_view', {
       url: window.location.href,
       path: window.location.pathname,
       referrer: document.referrer || null,
@@ -195,4 +198,4 @@ class Analytics {
 }
 
 const analytics = new Analytics();
-export default analytics;
\ No newline at end of file
+export default analytics;
diff --git a/src/utils/errorUtils.ts b/src/utils/errorUtils.ts
index 0d904469..d6d78509 100644
--- a/src/utils/errorUtils.ts
+++ b/src/utils/errorUtils.ts
@@ -78,10 +78,7 @@ export function classifyError(error: any): ErrorInfo {
     return classifyHttpError(statusCode as number, message, now);
   }
 
-  if (
-    (error instanceof Error && error.name === 'ValidationError') ||
-    isValidationTypedError
-  ) {
+  if ((error instanceof Error && error.name === 'ValidationError') || isValidationTypedError) {
     return {
       type: ErrorType.VALIDATION,
       message: (error as { message?: string }).message || 'Validation error',
diff --git a/src/utils/searchUtils.ts b/src/utils/searchUtils.ts
index 1626dca6..d9d59237 100644
--- a/src/utils/searchUtils.ts
+++ b/src/utils/searchUtils.ts
@@ -16,14 +16,10 @@ export const sanitizeString = (value: string): string =>
 export const validateStringArray = (values: string[]): string[] =>
   values.map(sanitizeString).filter(Boolean).slice(0, MAX_ARRAY_SIZE);
 
-export const isValidDifficulty = (
-  v: string,
-): v is 'beginner' | 'intermediate' | 'advanced' =>
+export const isValidDifficulty = (v: string): v is 'beginner' | 'intermediate' | 'advanced' =>
   (VALID_DIFFICULTIES as readonly string[]).includes(v);
 
-export const isValidSortOption = (
-  v: string,
-): v is 'relevance' | 'newest' | 'rating' | 'price' =>
+export const isValidSortOption = (v: string): v is 'relevance' | 'newest' | 'rating' | 'price' =>
   (VALID_SORT_OPTIONS as readonly string[]).includes(v);
 
 export const validateNumericRange = (
diff --git a/src/utils/web3/envValidation.ts b/src/utils/web3/envValidation.ts
index 00be1954..debe352e 100644
--- a/src/utils/web3/envValidation.ts
+++ b/src/utils/web3/envValidation.ts
@@ -1,12 +1,3 @@
-export function validateStarknetEnv(): { valid: boolean; missing: string[] } {
-  const required = ['NEXT_PUBLIC_STARKNET_NETWORK'];
-  const missing = required.filter((key) => !process.env[key]);
-  return { valid: missing.length === 0, missing };
-}
-
-export function getStarknetNetwork(): string {
-  return process.env.NEXT_PUBLIC_STARKNET_NETWORK ?? 'testnet';
-}
 import { z } from 'zod';
 /**
  * Web3 Environment Validation

From f938727c4dc2c9ca48af60e66e9526b1d33052b0 Mon Sep 17 00:00:00 2001
From: Musa Hamza Turawa <hamzamusaturawa@gmail.com>
Date: Tue, 28 Apr 2026 11:54:43 +0100
Subject: [PATCH 2/3] Update dependencies and lock file

---
 package-lock.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index c12a5568..c1244119 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5561,7 +5561,6 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.30.tgz",
       "integrity": "sha512-WJtwWJu7UdlvzEAUm484QNg5eAoq5QR08KDNx7g45Usrs2NtOPiX8ugDqmKdXkyL03rBqU5dYNYVQetEpBHq2g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~6.21.0"
       }

From b858135ca397fcac32baf0e241d0554ee08aea32 Mon Sep 17 00:00:00 2001
From: Musa Hamza Turawa <hamzamusaturawa@gmail.com>
Date: Tue, 28 Apr 2026 12:06:48 +0100
Subject: [PATCH 3/3] update lock file

---
 package-lock.json                         | 309 ++++++++++++++++++++++
 src/components/drag-drop/SortableList.tsx |   3 +-
 src/components/notificationcenter.tsx     |   2 +-
 src/hooks/useSubscription.ts              |  25 +-
 4 files changed, 330 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 65fb8e93..6a602134 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "my-app",
       "version": "0.1.0",
       "dependencies": {
+        "@apollo/client": "^3.8.0",
         "@dnd-kit/core": "^6.3.1",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
@@ -25,6 +26,9 @@
         "date-fns": "^3.6.0",
         "dompurify": "^3.2.4",
         "framer-motion": "^12.23.0",
+        "graphql": "^16.8.0",
+        "graphql-ws": "^5.14.0",
+        "i18next": "^24.0.0",
         "idb": "^8.0.0",
         "lucide-react": "^0.462.0",
         "next": "15.3.1",
@@ -37,6 +41,7 @@
         "react-dom": "^18.3.1",
         "react-hook-form": "^7.60.0",
         "react-hot-toast": "^2.6.0",
+        "react-i18next": "^15.0.0",
         "react-icons": "^5.5.0",
         "react-intersection-observer": "^10.0.3",
         "react-virtualized-auto-sizer": "^1.0.7",
@@ -100,6 +105,48 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@apollo/client": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.14.1.tgz",
+      "integrity": "sha512-SgGX6E23JsZhUdG2anxiyHvEvvN6CUaI4ZfMsndZFeuHPXL3H0IsaiNAhLITSISbeyeYd+CBd9oERXQDdjXWZw==",
+      "license": "MIT",
+      "dependencies": {
+        "@graphql-typed-document-node/core": "^3.1.1",
+        "@wry/caches": "^1.0.0",
+        "@wry/equality": "^0.5.6",
+        "@wry/trie": "^0.5.0",
+        "graphql-tag": "^2.12.6",
+        "hoist-non-react-statics": "^3.3.2",
+        "optimism": "^0.18.0",
+        "prop-types": "^15.7.2",
+        "rehackt": "^0.1.0",
+        "symbol-observable": "^4.0.0",
+        "ts-invariant": "^0.10.3",
+        "tslib": "^2.3.0",
+        "zen-observable-ts": "^1.2.5"
+      },
+      "peerDependencies": {
+        "graphql": "^15.0.0 || ^16.0.0",
+        "graphql-ws": "^5.5.5 || ^6.0.3",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc",
+        "subscriptions-transport-ws": "^0.9.0 || ^0.11.0"
+      },
+      "peerDependenciesMeta": {
+        "graphql-ws": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        },
+        "subscriptions-transport-ws": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@asamuzakjp/css-color": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.2.0.tgz",
@@ -2371,6 +2418,15 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@graphql-typed-document-node/core": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
+      "integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
+      }
+    },
     "node_modules/@hello-pangea/dnd": {
       "version": "18.0.1",
       "resolved": "https://registry.npmjs.org/@hello-pangea/dnd/-/dnd-18.0.1.tgz",
@@ -3381,6 +3437,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3394,6 +3451,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3407,6 +3465,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3420,6 +3479,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3433,6 +3493,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3446,6 +3507,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3459,6 +3521,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3472,6 +3535,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3485,6 +3549,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3498,6 +3563,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3511,6 +3577,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3524,6 +3591,7 @@
       "cpu": [
         "loong64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3537,6 +3605,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3550,6 +3619,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3563,6 +3633,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3576,6 +3647,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3589,6 +3661,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3602,6 +3675,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3615,6 +3689,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3628,6 +3703,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3641,6 +3717,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3654,6 +3731,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3667,6 +3745,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3680,6 +3759,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -3693,6 +3773,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6394,6 +6475,54 @@
         "@xtuc/long": "4.2.2"
       }
     },
+    "node_modules/@wry/caches": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@wry/caches/-/caches-1.0.1.tgz",
+      "integrity": "sha512-bXuaUNLVVkD20wcGBWRyo7j9N3TxePEWFZj2Y+r9OoUzfqmavM84+mFykRicNsBqatba5JLay1t48wxaXaWnlA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@wry/context": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@wry/context/-/context-0.7.4.tgz",
+      "integrity": "sha512-jmT7Sb4ZQWI5iyu3lobQxICu2nC/vbUhP0vIdd6tHC9PTfenmRmuIFqktc6GH9cgi+ZHnsLWPvfSvc4DrYmKiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@wry/equality": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@wry/equality/-/equality-0.5.7.tgz",
+      "integrity": "sha512-BRFORjsTuQv5gxcXsuDXx6oGRhuVsEGwZy6LOzRRfgu+eSfxbhUQ9L9YtSEIuIjY/o7g3iWFjrc5eSY1GXP2Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@wry/trie": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@wry/trie/-/trie-0.5.0.tgz",
+      "integrity": "sha512-FNoYzHawTMk/6KMQoEG5O4PuioX19UbwdQKF44yw0nLfOypfQdjtfZzo/UIJWAJ23sNIFbD1Ug9lbaDGMwbqQA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -9471,6 +9600,44 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
       "license": "ISC"
     },
+    "node_modules/graphql": {
+      "version": "16.13.2",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.13.2.tgz",
+      "integrity": "sha512-5bJ+nf/UCpAjHM8i06fl7eLyVC9iuNAjm9qzkiu2ZGhM0VscSvS6WDPfAwkdkBuoXGM9FJSbKl6wylMwP9Ktig==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
+      }
+    },
+    "node_modules/graphql-tag": {
+      "version": "2.12.6",
+      "resolved": "https://registry.npmjs.org/graphql-tag/-/graphql-tag-2.12.6.tgz",
+      "integrity": "sha512-FdSNcu2QQcWnM2VNvSCCDCVS5PpPqpzgFT8+GXzqJuoDd0CBncxCY278u4mhRO7tMgo2JjgJA5aZ+nWSQ/Z+xg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "graphql": "^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/graphql-ws": {
+      "version": "5.16.2",
+      "resolved": "https://registry.npmjs.org/graphql-ws/-/graphql-ws-5.16.2.tgz",
+      "integrity": "sha512-E1uccsZxt/96jH/OwmLPuXMACILs76pKF2i3W861LpKBCYtGIyPQGtWLuBLkND4ox1KHns70e83PS4te50nvPQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "graphql": ">=0.11 <=16"
+      }
+    },
     "node_modules/has-bigints": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
@@ -9586,6 +9753,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "license": "MIT",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
     "node_modules/http-proxy-agent": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
@@ -9628,6 +9804,38 @@
         "url": "https://github.com/sponsors/typicode"
       }
     },
+    "node_modules/i18next": {
+      "version": "24.2.3",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-24.2.3.tgz",
+      "integrity": "sha512-lfbf80OzkocvX7nmZtu7nSTNbrTYR52sLWxPtlXX1zAhVw8WEnFk4puUkCR4B1dNQwbSpEHHHemcZu//7EcB7A==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/runtime": "^7.26.10"
+      },
+      "peerDependencies": {
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -11618,6 +11826,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/optimism": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/optimism/-/optimism-0.18.1.tgz",
+      "integrity": "sha512-mLXNwWPa9dgFyDqkNi54sjDyNJ9/fTI6WGBLgnXku1vdKY/jovHfZT5r+aiVeFFLOz+foPNOm5YJ4mqgld2GBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@wry/caches": "^1.0.0",
+        "@wry/context": "^0.7.0",
+        "@wry/trie": "^0.5.0",
+        "tslib": "^2.3.0"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -12472,6 +12692,32 @@
         "react-dom": ">=16"
       }
     },
+    "node_modules/react-i18next": {
+      "version": "15.7.4",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-15.7.4.tgz",
+      "integrity": "sha512-nyU8iKNrI5uDJch0z9+Y5XEr34b0wkyYj3Rp+tfbahxtlswxSCjcUL9H0nqXo9IR3/t5Y5PKIA3fx3MfUyR9Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.27.6",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.4.0",
+        "react": ">= 16.8.0",
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-icons": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
@@ -12741,6 +12987,24 @@
         "regjsparser": "bin/parser"
       }
     },
+    "node_modules/rehackt": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/rehackt/-/rehackt-0.1.0.tgz",
+      "integrity": "sha512-7kRDOuLHB87D/JESKxQoRwv4DzbIdwkAGQ7p6QKGdVlY1IZheUnVhlk/4UZlNUVxdAXpyxikE3URsG067ybVzw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
@@ -13829,6 +14093,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/symbol-observable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-4.0.0.tgz",
+      "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -14187,6 +14460,18 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/ts-invariant": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
+      "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -14683,6 +14968,15 @@
         }
       }
     },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/w3c-keyname": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
@@ -15631,6 +15925,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zen-observable": {
+      "version": "0.8.15",
+      "resolved": "https://registry.npmjs.org/zen-observable/-/zen-observable-0.8.15.tgz",
+      "integrity": "sha512-PQ2PC7R9rslx84ndNBZB/Dkv8V8fZEpk83RLgXtYd0fwUgEjseMn1Dgajh2x6S8QbZAFa9p2qVCEuYZNgve0dQ==",
+      "license": "MIT"
+    },
+    "node_modules/zen-observable-ts": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/zen-observable-ts/-/zen-observable-ts-1.2.5.tgz",
+      "integrity": "sha512-QZWQekv6iB72Naeake9hS1KxHlotfRpe+WGNbNx5/ta+R3DNjVO2bswf63gXlWDcs+EMd7XY8HfVQyP1X6T4Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "zen-observable": "0.8.15"
+      }
+    },
     "node_modules/zod": {
       "version": "3.25.76",
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
diff --git a/src/components/drag-drop/SortableList.tsx b/src/components/drag-drop/SortableList.tsx
index bc112c7b..1840e915 100644
--- a/src/components/drag-drop/SortableList.tsx
+++ b/src/components/drag-drop/SortableList.tsx
@@ -125,9 +125,8 @@ const SortableRow = ({
       ref={ref}
       tabIndex={0}
       role="option"
-      aria-selected={false}
-      aria-grabbed={isKeyboardDragging}
       aria-selected={isKeyboardDragging}
+      aria-grabbed={isKeyboardDragging}
       onKeyDown={handleKeyDown}
       className={`mb-2 rounded-md border bg-white px-3 py-2 text-sm shadow-sm transition outline-none focus:ring-2 focus:ring-blue-500 ${
         isDragging ? 'opacity-50' : 'opacity-100'
diff --git a/src/components/notificationcenter.tsx b/src/components/notificationcenter.tsx
index d5714fd6..018275ab 100644
--- a/src/components/notificationcenter.tsx
+++ b/src/components/notificationcenter.tsx
@@ -1,5 +1,5 @@
-/* eslint-disable @next/next/no-img-element */
 import React, { useState, useRef, useEffect } from 'react';
+import Image from 'next/image';
 import { BellOff } from 'lucide-react';
 import { Notification, NotificationType, useNotifications } from '@/providers/Notificationprovider';
 import { EmptyState } from '@/components';
diff --git a/src/hooks/useSubscription.ts b/src/hooks/useSubscription.ts
index d66187c8..5485ee53 100644
--- a/src/hooks/useSubscription.ts
+++ b/src/hooks/useSubscription.ts
@@ -91,8 +91,14 @@ export function useSubscription<TData = any, TVariables extends OperationVariabl
   options: UseSubscriptionOptions & { variables?: TVariables } = {},
   client?: ApolloClient<any>,
 ): UseSubscriptionResult<TData> {
-  const { skip = false, onConnect, onDisconnect, onError, onData, shouldResubscribe = true } =
-    options;
+  const {
+    skip = false,
+    onConnect,
+    onDisconnect,
+    onError,
+    onData,
+    shouldResubscribe = true,
+  } = options;
 
   const [data, setData] = useState<TData | undefined>();
   const [loading, setLoading] = useState(!skip);
@@ -149,7 +155,8 @@ export function useSubscription<TData = any, TVariables extends OperationVariabl
         error: (err: any) => {
           setLoading(false);
 
-          const apolloError = err instanceof ApolloError ? err : new ApolloError({ errorMessage: err.message });
+          const apolloError =
+            err instanceof ApolloError ? err : new ApolloError({ errorMessage: err.message });
           setError(apolloError);
 
           if (isConnectionError(err)) {
@@ -240,8 +247,8 @@ export function useSubscription<TData = any, TVariables extends OperationVariabl
     error instanceof ApolloError
       ? error.message || 'Subscription error'
       : error instanceof SubscriptionError
-        ? formatSubscriptionError(error)
-        : error?.message || null;
+      ? formatSubscriptionError(error)
+      : error?.message || null;
 
   return {
     data,
@@ -344,7 +351,13 @@ export function usePollableSubscription<TData = any, TVariables extends Operatio
         pollTimeoutRef.current = null;
       }
     };
-  }, [pollFn, pollIntervalMs, subscriptionResult.connectionState, subscriptionResult.updateData]);
+  }, [
+    pollFn,
+    pollIntervalMs,
+    subscriptionResult.connectionState,
+    subscriptionResult.updateData,
+    subscriptionResult,
+  ]);
 
   return {
     ...subscriptionResult,