fix: remove unused TS imports and fix icon size type in nixclient

nixclient/src/components/Layout.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { Outlet, NavLink, useNavigate } from 'react-router-dom'
 import {
   LayoutDashboard, FolderOpen, Database, Mail, Lock,

nixclient/src/pages/CronJobs.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { Clock, Plus, Trash2, RefreshCw, ToggleLeft, ToggleRight } from 'lucide-react'
+import { Plus, Trash2, RefreshCw, ToggleLeft, ToggleRight } from 'lucide-react'
 import { api } from '../api/client'
 
 interface CronJob { id: number; schedule: string; command: string; comment: string | null; enabled: boolean }

nixclient/src/pages/FileManager.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { Folder, FileText, ChevronRight, Trash2, Pencil, Plus, Upload, RefreshCw, FolderPlus, Save, X } from 'lucide-react'
+import { Folder, FileText, ChevronRight, Trash2, Pencil, RefreshCw, FolderPlus, Save, X } from 'lucide-react'
 import { api } from '../api/client'
 
 interface FileEntry { name: string; type: 'file' | 'directory'; size: number; mtime: string; path: string }

nixclient/src/pages/Overview.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { Database, Mail, Globe, FolderOpen, Lock, Anchor, Clock, HardDrive } from 'lucide-react'
+import { Database, Mail, Globe, Lock, Anchor, Clock } from 'lucide-react'
 import { api } from '../api/client'
 import { useAuth } from '../contexts/AuthContext'
 
@@ -34,7 +34,7 @@ function UsageBar({ used, limit, label }: { used: number; limit: number; label:
   )
 }
 
-function CountCard({ icon: Icon, label, used, limit, to }: { icon: React.ComponentType<{ size?: number; className?: string }>; label: string; used: number; limit: number; to: string }) {
+function CountCard({ icon: Icon, label, used, limit, to }: { icon: React.ComponentType<{ size?: number | string; className?: string }>; label: string; used: number; limit: number; to: string }) {
   return (
     <a href={to} className="bg-[#111827] border border-[#1e2d45] rounded-xl p-4 hover:border-sky-500/30 transition-colors block">
       <div className="flex items-center justify-between mb-2">

nixclient/src/pages/SSL.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Lock, RefreshCw, RotateCcw } from 'lucide-react'
 import { api } from '../api/client'
 

nixclient/src/pages/Stats.tsx

@@ -8,7 +8,7 @@ interface Stats {
   counts: Record<string, number>
 }
 
-function Bar({ label, used, limit, icon: Icon }: { label: string; used: number; limit: number; icon: React.ComponentType<{ size?: number; className?: string }> }) {
+function Bar({ label, used, limit, icon: Icon }: { label: string; used: number; limit: number; icon: React.ComponentType<{ size?: number | string; className?: string }> }) {
   const pct = limit === 0 ? 0 : Math.min(100, Math.round((used / limit) * 100))
   const color = pct > 90 ? 'bg-red-500' : pct > 70 ? 'bg-amber-500' : 'bg-sky-500'
   return (