Update login page structure

skillswap/src/App.jsx

-import { LoginForm } from './components/login-form';
-
 export default function App() {
-  return (
-    <div>
-      <LoginForm />
-    </div>
-  );
+  return <div></div>;
 }

skillswap/src/app/login/page.jsx

-import { LoginForm } from "@/components/login-form"
-
-export default function LoginPage() {
-  return (
-    (<div
-      className="flex min-h-svh flex-col items-center justify-center bg-muted p-6 md:p-10">
-      <div className="w-full max-w-sm md:max-w-3xl">
-        <LoginForm />
-      </div>
-    </div>)
-  );
-}

skillswap/src/pages/Login.jsx

+import { LoginForm } from '@/components/login-form';
+
+export default function LoginPage() {
+  return (
+    <div className='flex min-h-svh flex-col items-center justify-center bg-muted p-6 md:p-10'>
+      <div className='w-full max-w-sm md:max-w-3xl'>
+        <LoginForm />
+      </div>
+    </div>
+  );
+}