remove login page from layout

src/pages/Login/LoginPage.jsx

@@ -1,12 +1,15 @@
 import styles from "./LoginPage.module.css";
 import LoginForm from "../../components/form/form.jsx";
+import Background from "../../components/background/background.jsx";
 
 function LoginPage() {
-  return (
+  return <Background>
+
       <div className={styles.container}>
           <LoginForm />
       </div>
-  );
+
+  </Background>
 }
 
 export default LoginPage;

src/router.js

@@ -4,6 +4,10 @@ import HomePage from "./pages/Home/HomePage";
 import LoginPage from "./pages/Login/LoginPage";
 
 const router = createBrowserRouter([
+    {
+      path: "/login",
+      Component: LoginPage,
+    },
     {
         path: "/",
         Component: Layout,
@@ -11,10 +15,6 @@ const router = createBrowserRouter([
             {
                 path: "/",
                 Component: HomePage,
-            },
-            {
-                path: "/login",
-                Component: LoginPage,
             }
         ]
     }