Create VolunteerProfilePage

src/pages/VolunteerProfile/VolunteerProfilePage.jsx

@@ -0,0 +1,13 @@
+import styles from "./VolunteerProfilePage.module.css"
+import { useParams } from "react-router";
+
+
+export default function VolunteerProfilePage() {
+
+    const params = useParams();
+    const id = params.id;
+
+    return <div>
+
+    </div>
+}

src/router.js

@@ -8,6 +8,7 @@ import VolunteersPage from "./pages/Volunteers/VolunteersPage";
 import ProfilePage from "./pages/Profile/ProfilePage";
 import EventsPage from "./pages/Events/EventsPage.jsx";
 import ValidationErrorPage from "./pages/waitValidationPage/ValidationErrorPage.jsx";
+import VolunteerProfilePage from "./pages/VolunteerProfile/VolunteerProfilePage.jsx";
 
 const router = createBrowserRouter([
     {
@@ -45,6 +46,10 @@ const router = createBrowserRouter([
             {
                 path: "/volunteers",
                 Component: VolunteersPage,
+            },
+            {
+                path: "/profile/:id",
+                Component: VolunteerProfilePage,
             }
         ]
     }