Implemented User Profile Page

client/src/App.jsx

@@ -14,6 +14,8 @@ import Retailer_home from "./pages/Retailer-home";
 import Product from "./pages/Product";
 import Cart from "./pages/Cart";
 import ScrollToTop from "./components/ScrollToTop";
+import UserProfile from "./pages/User-profile";
+import PrivateRoute from "./components/PrivateRoute";
 import './App.css'
 function App() {
     return (
@@ -22,6 +24,11 @@ function App() {
             <Routes>
                 <Route path="/" element={<Layout />}>
                     <Route index element={<Home />} />
+                    <Route path="/profile" element={
+                        <PrivateRoute>
+                            <UserProfile />
+                        </PrivateRoute>
+                    } />
                     <Route path="categories" element={<Categories />} />
                     <Route path="customize" element={<Customize />} />
                     <Route path="shop" element={<Shop />} />
@@ -30,7 +37,11 @@ function App() {
                     <Route path="designers" element={<Designer_home />} />
                     <Route path="about" element={<About />} />
                     <Route path="product" element={<Product />} />
-                    <Route path="cart" element={<Cart />} />
+                    <Route path="cart" element={
+                        <PrivateRoute>
+                            <Cart />
+                        </PrivateRoute>
+                    } />
                     <Route path="retailer" element={<Layout_retailer />}>
                         <Route index element={<Retailer_home />} />
                     </Route>