feat : add page profile (private component) and add section , modal for profile page

src/App.tsx

@@ -8,6 +8,7 @@ import About from "./pages/about";
 import ProgressBar from "./common/ProgressBar";
 import AuthLayout from "./layout/AuthLayout";
 import Login from "./pages/login";
+import Profile from "./pages/profile";
 
 const App = () => {
   return (
@@ -19,11 +20,11 @@ const App = () => {
           <Route path="tutorial" element={<Tutorial />} />
           <Route path="rule" element={<Rule />} />
           <Route path="about" element={<About />} />
-          <Route element={<PrivateRoute />}>
-            <Route path="private" element={<p>private</p>} />
+          <Route path="private" element={<PrivateRoute />}>
+            <Route index element={<Profile />} />
           </Route>
         </Route>
-        <Route path="login" element={<AuthLayout />} >
+        <Route path="profile" element={<AuthLayout />} >
           <Route index element={<Login />} />
         </Route>
       </Routes>