chore: remove unused imports and enforce unused-imports lint rule

.eslintrc.json

@@ -1,9 +1,11 @@
 {
   "extends": ["next/core-web-vitals", "next/typescript", "prettier"],
-  "plugins": ["prettier"],
+  "plugins": ["prettier", "unused-imports"],
   "rules": {
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-unused-vars": "off",
+    "unused-imports/no-unused-imports": "error",
+    "unused-imports/no-unused-vars": "off",
     "react/no-unescaped-entities": "warn",
     "react/display-name": "warn",
     "@typescript-eslint/ban-ts-comment": "warn",

eslint.config.js

@@ -34,6 +34,7 @@ const eslintConfig = [
   {
     plugins: {
       prettier: prettierPlugin,
+      'unused-imports': unusedImportsPlugin,
     },
     rules: {
       // TypeScript & General Rules

package.json

@@ -78,7 +78,7 @@
     "zustand": "^5.0.10"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3",
+    "@eslint/eslintrc": "^3.3.5",
     "@tailwindcss/postcss": "^4.0.0",
     "@tailwindcss/vite": "^4.2.0",
     "@testing-library/dom": "^10.4.1",
@@ -94,6 +94,8 @@
     "@types/react": "^18.3.27",
     "@types/react-big-calendar": "1.16.3",
     "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.59.1",
+    "@typescript-eslint/parser": "^8.59.1",
     "@vitejs/plugin-react-swc": "^3.10.2",
     "eslint": "^9",
     "eslint-config-next": "15.3.1",

src/app/(auth)/signup/page.tsx

@@ -12,7 +12,6 @@ import { FormError, FieldError } from '../../../components/forms/FormError';
 import { SubmitButton } from '../../../components/forms/SubmitButton';
 import { useMutation } from '../../../hooks/useMutation';
 import { apiClient } from '@/lib/api';
-import { parseApiError } from '@/utils/error-handler';
 
 export default function SignupPage() {
   const [showPassword, setShowPassword] = useState(false);

src/app/api/admin/feature-flags/route.ts

@@ -1,11 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
-import {
-  flagStore,
-  auditLog,
-  createAuditEntry,
-  generateId,
-  evaluateFlag,
-} from '@/lib/feature-flags/store';
+import { flagStore, createAuditEntry, generateId } from '@/lib/feature-flags/store';
 import type { FeatureFlag, TargetingRule } from '@/lib/feature-flags/store';
 import { withRateLimit } from '@/lib/ratelimit';
 import { logAuditMutation } from '@/middleware/audit';

src/app/components/accessibility/AccessibilityTester.tsx

@@ -2,7 +2,7 @@
 
 import React, { useState } from 'react';
 import { useAccessibilityCheck } from '@/hooks/useAccessibility';
-import { AccessibilityIssue, getWCAGLevel } from '@/utils/accessibilityUtils';
+import { getWCAGLevel } from '@/utils/accessibilityUtils';
 import { AlertCircle, CheckCircle, AlertTriangle, Info, Download } from 'lucide-react';
 
 interface AccessibilityTesterProps {

src/app/components/accessibility/examples/AccessibleFormExample.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React, { useState } from 'react';
-import { useScreenReaderAnnouncement, useFocusTrap } from '@/hooks/useAccessibility';
+import { useScreenReaderAnnouncement } from '@/hooks/useAccessibility';
 import { AccessibleError, AccessibleSuccess } from '../ScreenReaderOptimizer';
 
 /**

src/app/components/notifications/MultiChannelDelivery.tsx

@@ -11,7 +11,6 @@ import {
   AlertCircle,
   Loader2,
   Send,
-  Settings,
 } from 'lucide-react';
 import { useNotifications } from '@/app/hooks/useNotifications';
 import {

src/app/components/notifications/NotificationCenter.tsx

@@ -8,7 +8,6 @@ import {
   Trash2,
   Filter,
   Search,
-  Settings,
   BarChart3,
   X,
   ChevronDown,

src/app/components/notifications/NotificationTemplates.tsx

@@ -9,10 +9,8 @@ import {
   Copy,
   Eye,
   Search,
-  Filter,
   ChevronDown,
   ChevronUp,
-  Check,
   X,
   AlertCircle,
 } from 'lucide-react';

src/app/components/notifications/UserPreferences.tsx

@@ -11,9 +11,7 @@ import {
   Save,
   RotateCcw,
   Check,
-  X,
   AlertCircle,
-  Info,
 } from 'lucide-react';
 import { useNotifications } from '@/app/hooks/useNotifications';
 import {

src/app/mobile/components/OfflineContentManager.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { Download, Check, X, Wifi, WifiOff, Trash2, AlertCircle, RefreshCw } from 'lucide-react';
+import { Download, Check, Wifi, WifiOff, Trash2, AlertCircle, RefreshCw } from 'lucide-react';
 import { apiService } from '../services/api';
 import { offlineStorage } from '../services/offlineStorage';
 import { Course, OfflineContent } from '../types/mobile';

src/app/mobile/components/TouchOptimizedControls.tsx

@@ -1,6 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
 import { Play, Pause, SkipBack, SkipForward, Volume2, VolumeX, Maximize, X } from 'lucide-react';
-import { offlineStorage } from '../services/offlineStorage';
 
 interface TouchOptimizedControlsProps {
   videoTitle: string;

src/app/pages/admin/feature-flags/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useCallback, useRef } from 'react';
+import { useState, useCallback } from 'react';
 import {
   Flag,
   Plus,

src/app/store/messagingStore.ts

@@ -1,6 +1,6 @@
 import { DEFAULT_SOCKET_URL } from '@/constants/app.constants';
 import { create } from 'zustand';
-import io, { Socket } from 'socket.io-client';
+import io from 'socket.io-client';
 
 export interface Attachment {
   id: string;