account and protected router

src/pages/Home.tsx

@@ -13,6 +13,8 @@ import Contests from '../views/home/contests/Contests';
 import { PrimaryButton } from '../components/button/PrimaryButton';
 import Group from '../views/home/groups/Group';
 import Contest from '../views/home/contest/Contest';
+import Account from '../views/home/account/Account';
+import ProtectedRoute from '../components/router/ProtectedRoute';
 
 const Home = () => {
     const name = useAppSelector((state) => state.auth.username);
@@ -28,10 +30,13 @@ const Home = () => {
             <div className="min-h-screen">
                 <Menu />
             </div>
-            <div className="">
+            <div className="h-screen">
                 <Routes>
+                    <Route element={<ProtectedRoute />}>
+                        <Route path="account/*" element={<Account />} />
+                    </Route>
+
                     <Route path="login" element={<Login />} />
-                    <Route path="account" element={<Login />} />
                     <Route path="register" element={<Register />} />
                     <Route path="missions/*" element={<Missions />} />
                     <Route path="articles/*" element={<Articles />} />