account and protected router

src/views/home/account/Account.tsx

@@ -0,0 +1,42 @@
+import { Route, Routes } from 'react-router-dom';
+import AccountMenu from './AccoutMenu';
+import RightPanel from './RightPanel';
+import MissionsBlock from './MissionsBlock';
+import ContestsBlock from './ContestsBlock';
+import ArticlesBlock from './ArticlesBlock';
+
+const Account = () => {
+    return (
+        <div className="h-full w-[calc(100%+250px)] box-border grid grid-cols-[1fr,520px] relative">
+            <div className=" h-full min-h-0  flex flex-col">
+                <div className=" h-full grid grid-rows-[80px,1fr]   ">
+                    <div className="">
+                        <AccountMenu />
+                    </div>
+                    <div className="h-full min-h-0 overflow-y-scroll medium-scrollbar flex flex-col gap-[20px] ">
+                        <Routes>
+                            <Route
+                                path="/home/account/missions"
+                                element={<MissionsBlock />}
+                            />
+                            <Route
+                                path="/home/account/articles"
+                                element={<ArticlesBlock />}
+                            />
+                            <Route
+                                path="/home/account/contests"
+                                element={<ContestsBlock />}
+                            />
+                            <Route path="*" element={<MissionsBlock />} />
+                        </Routes>
+                    </div>
+                </div>
+            </div>
+            <div className=" h-full min-h-0">
+                <RightPanel />
+            </div>
+        </div>
+    );
+};
+
+export default Account;