chore: update all dependencies to latest versions (#21)

Major updates:
- TypeScript 5.9 → 6.0 (server: migrate to nodenext modules, client: remove deprecated baseUrl)
- React 18 → 19 with matching @types
- Vite 7 → 8 with @vitejs/plugin-react 6
- Tailwind CSS 3 → 4 (migrate to @tailwindcss/postcss, inline @apply refs, remove <alpha-value>)
- ESLint 9 → 10
- lucide-react 0.x → 1.x (replace removed Github brand icon with inline SVG)
- Node.js minimum bumped to 22 (Dockerfile updated)

Minor/patch updates:
- axios, fast-xml-parser, @typescript-eslint/*, @tanstack/react-query,
  @tanstack/react-virtual, postcss, eslint-plugin-react-hooks,
  eslint-plugin-react-refresh

All 73 tests pass. Zero npm audit vulnerabilities.

https://claude.ai/code/session_01WR2oTQoEfRCcGv9FtFvaiK

Co-authored-by: Claude <noreply@anthropic.com>

Author: helliott20

Dockerfile

@@ -3,7 +3,7 @@
 # ============================================
 
 # Stage 1: Build the client application
-FROM node:20-alpine AS client-builder
+FROM node:22-alpine AS client-builder
 
 WORKDIR /app/client
 
@@ -21,7 +21,7 @@ RUN npm run build
 
 # ============================================
 # Stage 2: Build the server application
-FROM node:20-alpine AS server-builder
+FROM node:22-alpine AS server-builder
 
 WORKDIR /app/server
 
@@ -45,7 +45,7 @@ RUN npm prune --omit=dev
 
 # ============================================
 # Stage 3: Production image
-FROM node:20-alpine AS production
+FROM node:22-alpine AS production
 
 # Build argument for version (passed from CI/CD)
 ARG APP_VERSION=1.0.0

client/package.json

@@ -12,37 +12,38 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.99.0",
-    "@tanstack/react-virtual": "^3.13.23",
-    "axios": "^1.15.0",
+    "@tanstack/react-query": "^5.99.2",
+    "@tanstack/react-virtual": "^3.13.24",
+    "axios": "^1.15.1",
     "clsx": "^2.1.1",
     "concurrently": "^9.2.1",
     "date-fns": "^4.1.0",
     "framer-motion": "^12.38.0",
-    "lucide-react": "^0.562.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "lucide-react": "^1.8.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "react-router-dom": "^7.14.1",
     "react-theme-switch-animation": "^1.0.0",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@typescript-eslint/eslint-plugin": "^8.58.2",
-    "@typescript-eslint/parser": "^8.58.2",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.5.0",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint": "^10.2.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
     "jsdom": "^29.0.2",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^3.4.19",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.2",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.9",
     "vitest": "^4.1.4"
   }
 }

client/postcss.config.js

@@ -1,6 +1,6 @@
 export default {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 }

client/src/components/Layout/Sidebar.tsx

@@ -13,12 +13,19 @@ import {
   HardDrive,
   Sparkles,
   X,
-  Github,
   MessageCircle,
   Container,
   Sun,
   Moon,
 } from 'lucide-react';
+
+function GithubIcon({ className }: { className?: string }) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="currentColor">
+      <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" />
+    </svg>
+  );
+}
 import { cn, formatBytes } from '@/lib/utils';
 import { useUnraidStats, useDeletionQueue, useVersion } from '@/hooks/useApi';
 import { useTheme } from '@/contexts/ThemeContext';
@@ -233,7 +240,7 @@ const Sidebar = forwardRef<HTMLDivElement, SidebarProps>(function Sidebar({ onCl
             className="p-2.5 rounded-lg text-surface-500 hover:text-accent-text-hover hover:bg-surface-800/60 transition-all"
             title="GitHub"
           >
-            <Github className="w-4 h-4" />
+            <GithubIcon className="w-4 h-4" />
           </a>
           <a
             href="https://forums.unraid.net/topic/196929-support-prunerr-media-library-cleanup-tool/"