used daisyUI for dark mode

layouts/CenteredForm.tsx

@@ -1,3 +1,4 @@
+import useLocalSettingsStore from "@/store/localSettings";
 import Image from "next/image";
 import Link from "next/link";
 import React, { ReactNode } from "react";
@@ -8,19 +9,22 @@ interface Props {
 }
 
 export default function CenteredForm({ text, children }: Props) {
+  const { settings } = useLocalSettingsStore();
   return (
     <div className="absolute top-0 bottom-0 left-0 right-0 flex justify-center items-center p-5">
       <div className="m-auto flex flex-col gap-2 w-full">
         {true ? (
           <Image
-            src={`/linkwarden_${"dark" ? "dark" : "light"}.png`}
+            src={`/linkwarden_${
+              settings.theme === "dark" ? "dark" : "light"
+            }.png`}
             width={640}
             height={136}
             alt="Linkwarden"
             className="h-12 w-fit mx-auto"
           />
         ) : undefined}
-        {/* {theme === "dark" ? (
+        {/* {settings.theme === "dark" ? (
           <Image
             src="/linkwarden_dark.png"
             width={640}