added errorpage

src/App.tsx

 import React from 'react';
-import { BrowserRouter, Route,Routes } from 'react-router-dom';
+import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import Home from './components/Home';
 import Login from './components/Login/Login';
 import Register from './components/Register/Register';
@@ -9,32 +9,34 @@ import Products from './components/catelog/Products';
 import Product from './components/catelog/Product';
 import ForgetPasswordForm from './components/ForgetPasswordForm/ForgetPasswordForm';
 import { Provider } from 'react-redux';
-import store,{persistor} from './reduxstore/store';
+import store, { persistor } from './reduxstore/store';
 import Navbar from './components/Navbar/Navbar';
 import Footer from './components/Footer/Footer';
+import Error from './components/404page/error';
 import { PersistGate } from 'redux-persist/integration/react';
- 
+
 function App() {
- 
+
   return (
- <Provider store={store}>
-  <PersistGate loading={null} persistor={persistor}>
-      <BrowserRouter>
-      <Navbar/>
-     <Routes>
-        <Route path="/" Component={Home}/>
-        <Route path="/login" Component={Login} />
-        <Route path="/register" Component={Register} />
-        <Route path="/cart" Component={Cart}/>
-        <Route path="/profile" Component={Profile}/>
-        <Route path="/products" Component={Products}/>
-        <Route path="/forgot-password"  Component={ForgetPasswordForm}/>
-          
-        </Routes>
-        <Footer/>
-      </BrowserRouter>
+    <Provider store={store}>
+      <PersistGate loading={null} persistor={persistor}>
+        <BrowserRouter>
+          <Navbar />
+          <Routes>
+            <Route path="/" Component={Home} />
+            <Route path="/home" Component={Home} />
+            <Route path="/login" Component={Login} />
+            <Route path="/register" Component={Register} />
+            <Route path="/cart" Component={Cart} />
+            <Route path="/profile" Component={Profile} />
+            <Route path="/products" Component={Products} />
+            <Route path="/forgot-password" Component={ForgetPasswordForm} />
+            <Route path="*" Component={Error} />
+          </Routes>
+          <Footer />
+        </BrowserRouter>
       </PersistGate>
- </Provider>
+    </Provider>
   );
 }
 export default App
\ No newline at end of file

src/components/Footer/Footer.js

@@ -11,11 +11,11 @@ const Footer = () => {
            <div className='footer-logo'>
 
             </div> 
-            <ul className='footer-link'>
+            {/* <ul className='footer-link'>
                <li>Products</li> 
                <li>About</li> 
                <li>Contact</li>
-            </ul> 
+            </ul>  */}
             <div className='footer-social-icon'> 
             <div className='footer-icons-container'>
                  <img src={instagram_icon} alt=""/> 

src/components/Home.tsx

@@ -18,7 +18,7 @@ const Home = memo(() => {
       if (user) {
           navigate('/products')
         } else {
-          navigate('/login')
+          navigate('/')
         }
 
   }, [user])

src/components/Login/Login.css

 
 .loginsignup{
   width:100%;
-  height: 100vh;
+  height: fit-content;
   background:#fce3fe ;
   padding-top: 100px;
   display: flex;

src/components/Register/Register.tsx

@@ -114,7 +114,7 @@ const Register = () => {
         await axios.post('http://localhost:4000/registeruser', values)
             .then((res) => {
                 navigate("/login")
-                console.log(res.data)
+                // console.log(res.data)
             })
             .catch((err) => console.log(err))
     }