fix: fix missing hooks dependencies

src/components/database/table-operations.tsx

@@ -29,7 +29,7 @@ export function TableFilter({ columnName }: { columnName: string }) {
       setInputValue("");
       setFiltersNeedClear(false);
     }
-  }, [filtersNeedClear]);
+  }, [filtersNeedClear, setFiltersNeedClear]);
 
   const handleFilterChange = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {

src/components/landing/dropzone.tsx

@@ -55,7 +55,7 @@ export default function UploadFile() {
         }
       }
     },
-    [loadDatabaseBytes]
+    [loadDatabaseBytes, setDatabaseData]
   );
 
   const { getRootProps, getInputProps, isDragActive } = useDropzone({

src/components/landing/url-fetch.tsx

@@ -60,7 +60,7 @@ export default function UrlFetch() {
         setIsFetching(false);
       }
     },
-    [loadDatabaseBytes]
+    [loadDatabaseBytes, setDatabaseData]
   );
 
   // Fetch database on page load if url in url params

src/components/settings/theme-mode-toggle.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, useCallback, useMemo } from "react";
+import { useEffect, useState, useCallback, useMemo, memo } from "react";
 import { Button } from "@/components/ui/button";
 
 import { MoonIcon, SunIcon } from "lucide-react";
@@ -8,7 +8,7 @@ const ANIMATION_CLASS = "animate-circular-reveal";
 
 type Theme = "light" | "dark";
 
-export default function ThemeModeToggle() {
+function ThemeModeToggle() {
   const [theme, setTheme] = useState<Theme>(() => {
     const savedTheme = localStorage.getItem(THEME_KEY) as Theme | null;
     const prefersDark = window.matchMedia(
@@ -72,3 +72,5 @@ export default function ThemeModeToggle() {
 
   return MemoizedThemeButton;
 }
+
+export default memo(ThemeModeToggle);