change theme by clicking on the logo

components/Navbar.tsx

@@ -7,7 +7,7 @@ const Navbar = () => {
     <>
       <div className={styles.center}>
         <Title />
-        <ThemeToggle />
+        {/* <ThemeToggle /> */}
       </div>
     </>
   );

components/Title.tsx

@@ -1,14 +1,22 @@
 import Image from "next/image";
 import styles from "styles/Title.module.sass";
 import { useTheme } from 'next-themes'
+function the(t) {
+  switch (t) {
+    case "light":
+      return "dark";
+    case "dark":
+      return "light";
+  }
+}
 
 const Title = () => {
-    const { resolvedTheme: theme } = useTheme()
-    const logo_size = 150;
-  
+  const { resolvedTheme: theme, setTheme: set } = useTheme();
+  const logo_size = 150;
+
   return (
     <>
-      <Image
+      <Image onClick={() => set(the(theme))}
         src={`/logos/${theme || "dark"}.svg`}
         width={logo_size}
         height={logo_size / 4}