table and query work

frontend/src/routes/(auth)/-components/ChangePassword.tsx

@@ -79,7 +79,9 @@ export default function ChangePassword() {
 
 						<div className="flex justify-end mt-6">
 							<form.AppForm>
-								<form.SubmitButton>Update Profile</form.SubmitButton>
+								<form.SubmitButton variant="destructive">
+									Update Password
+								</form.SubmitButton>
 							</form.AppForm>
 						</div>
 					</form>

frontend/src/routes/(auth)/-components/LoginForm.tsx

@@ -9,6 +9,7 @@ import {
 } from "@/components/ui/card";
 import { authClient } from "@/lib/auth-client";
 import { useAppForm } from "@/lib/formSutff";
+import socket from "../../../lib/socket.io";
 
 export default function LoginForm({ redirectPath }: { redirectPath: string }) {
 	const loginEmail = localStorage.getItem("loginEmail") || "";
@@ -47,8 +48,12 @@ export default function LoginForm({ redirectPath }: { redirectPath: string }) {
 					return;
 				}
 				toast.success(`Welcome back ${login.data?.user.name}`);
+				if (login.data) {
+					socket.disconnect();
+					socket.connect();
+				}
 			} catch (error) {
-				console.log(error);
+				console.error(error);
 			}
 		},
 	});

frontend/src/routes/(auth)/login.tsx

@@ -25,7 +25,7 @@ function RouteComponent() {
 	const redirectPath = search.redirect ?? "/";
 
 	return (
-		<div className="flex justify-center mt-10">
+		<div className="flex justify-center mt-2">
 			<LoginForm redirectPath={redirectPath} />
 		</div>
 	);

frontend/src/routes/(auth)/user.profile.tsx

@@ -54,7 +54,7 @@ function RouteComponent() {
 		},
 	});
 	return (
-		<div className="flex justify-center mt-2 gap-2">
+		<div className="flex justify-center flex-col pt-4 gap-2 lg:flex-row">
 			<div>
 				<Card className="p-6 w-96">
 					<CardHeader>