chore: fix linting errors in frontend code

- Remove unused import in App.tsx
- Organize imports in analytics-panel and session-histogram
- Fix React useCallback dependency array in session-manager
- Suppress dangerouslySetInnerHTML warning in chart component (CSS injection is safe)

Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: sanggggg

ui-react/src/App.tsx

@@ -1,11 +1,10 @@
 import { Toaster } from 'sonner'
 import { SessionManager } from './components/session-manager'
 import { ThemeProvider } from './components/theme-provider'
-import { useUpdater } from './hooks/use-updater'
 
 function App() {
   // Initialize updater (checks for updates on startup)
-  // useUpdater()
+  // useUpdater() - temporarily disabled
 
   return (
     <ThemeProvider attribute="class" defaultTheme="system" enableSystem>

ui-react/src/components/analytics-panel.tsx

@@ -15,15 +15,15 @@ import {
 import { useTheme } from 'next-themes'
 import { useCallback, useEffect, useState } from 'react'
 import { PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart } from 'recharts'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import {
   type ChartConfig,
   ChartContainer,
   ChartTooltip,
   ChartTooltipContent,
 } from '@/components/ui/chart'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import {
   Dialog,
   DialogContent,

ui-react/src/components/session-histogram.tsx

@@ -1,12 +1,8 @@
 import { useCallback, useEffect, useState } from 'react'
 import { Area, AreaChart, CartesianGrid, XAxis } from 'recharts'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import {
-  ChartContainer,
-  ChartTooltip,
-  ChartTooltipContent,
-  type ChartConfig,
-} from '@/components/ui/chart'
+import type { ChartConfig } from '@/components/ui/chart'
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart'
 import {
   Select,
   SelectContent,

ui-react/src/components/session-manager.tsx

@@ -200,12 +200,9 @@ export function SessionManager() {
     return `${Math.round((bytes / k ** i) * 100) / 100} ${sizes[i]}`
   }
 
-  const onSessionsLoaded = useCallback(
-    (hasSessions: boolean) => {
-      setHasAnySessions(hasSessions)
-    },
-    [setHasAnySessions]
-  )
+  const onSessionsLoaded = useCallback((hasSessions: boolean) => {
+    setHasAnySessions(hasSessions)
+  }, [])
 
   return (
     <TooltipProvider>

ui-react/src/components/ui/chart.tsx

@@ -70,6 +70,7 @@ const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
 
   return (
     <style
+      // biome-ignore lint/security/noDangerouslySetInnerHtml: CSS theme injection is safe
       dangerouslySetInnerHTML={{
         __html: Object.entries(THEMES)
           .map(