Dashboard Redesign (#48)

* feat: add user_template setting

* style: header

* style: page padding

* style: header

* feat: header now time

* style: login page

* feat: nav indicator

* style: button inset shadow

* style: footer text size

* feat: header show login_ip

* fix: error toast

* fix: frontend_templates setting

* fix: lint

* feat: pr auto format

* chore: auto-fix linting and formatting issues

---------

Co-authored-by: hamster1963 <hamster1963@users.noreply.github.com>

src/components/mode-toggle.tsx

@@ -1,5 +1,4 @@
-import { Moon, Sun } from "lucide-react"
-
+import { Theme, useTheme } from "@/components/theme-provider"
 import { Button } from "@/components/ui/button"
 import {
     DropdownMenu,
@@ -7,16 +6,15 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { Theme, useTheme } from "@/components/theme-provider"
-
-import { useTranslation } from "react-i18next";
+import { Moon, Sun } from "lucide-react"
+import { useTranslation } from "react-i18next"
 
 export function ModeToggle() {
-    const { t } = useTranslation();
+    const { t } = useTranslation()
     const { setTheme } = useTheme()
 
     const toggleTheme = (theme: Theme) => {
-        setTheme(theme);
+        setTheme(theme)
     }
 
     return (