fix: Fix ESLint errors and remove unused imports

- Replace useEffect with useLayoutEffect in FilterInputField to fix setState-in-effect warning

- Optimize dependency array in useLayoutEffect

- Remove unused DialogClose import from ImageViewer

Author: PresentKim

src/components/FilterInput.tsx

@@ -1,4 +1,4 @@
-import {memo, useCallback, useEffect, useRef, useState} from 'react'
+import {memo, useCallback, useLayoutEffect, useRef, useState} from 'react'
 
 import {Filter as FilterIcon, HelpCircle, X as XIcon} from 'lucide-react'
 import {Input} from '@/components/ui/input'
@@ -63,12 +63,17 @@ const FilterInputField = memo(
   }: FilterInputFieldProps) {
     const [localValue, setLocalValue] = useState(initialValue)
 
-    useEffect(() => {
-      setLocalValue(initialValue)
-      if (inputRef.current) {
-        inputRef.current.value = initialValue
+    // Sync localValue with initialValue when it changes
+    // Note: This pattern is necessary to sync external prop changes to internal state
+    useLayoutEffect(() => {
+      if (localValue !== initialValue) {
+        setLocalValue(initialValue)
+        if (inputRef.current) {
+          inputRef.current.value = initialValue
+        }
       }
-    }, [initialValue, inputRef])
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialValue])
 
     const handleKeyDown = useCallback(
       (e: React.KeyboardEvent<HTMLInputElement>) => {

src/components/ImageViewer.tsx

@@ -9,7 +9,7 @@ import {
   ZoomOut,
   RotateCcw,
 } from 'lucide-react'
-import {Dialog, DialogClose, DialogPortal} from '@/components/ui/dialog'
+import {Dialog, DialogPortal} from '@/components/ui/dialog'
 import * as DialogPrimitive from '@radix-ui/react-dialog'
 import {Button} from '@/components/ui/button'
 import {cn, createRawImageUrl, getMcmetaPath} from '@/utils'