Redesign Login page, Add Theme toggle button and logo in login card

src/components/Auth/Signin/index.tsx

@@ -1,9 +1,14 @@
+"use client";
+import { Logo } from "@/components/logo";
 import SigninWithPassword from "../SigninWithPassword";
 
 export default function Signin() {
   return (
     <>
       <div>
+        <div className="flex items-center justify-center my-10">
+          <Logo />
+        </div>
         <SigninWithPassword />
       </div>
     </>

src/components/Auth/SigninWithPassword.tsx

@@ -28,8 +28,8 @@ export default function SigninWithPassword() {
     });
   };
   return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <div className="absolute right-4 top-4">
+    <form onSubmit={handleSubmit(onSubmit)} className="mt-5">
+      <div className="absolute top-7 right-0">
         <ThemeToggleSwitch />
       </div>
       <InputGroup