.

src/App.jsx

@@ -17,6 +17,7 @@ import EditOrganizationPage from "./pages/Organization/EditOrganizationPage.jsx"
 import CompanyPage from "./pages/Company/CompanyPage.jsx";
 import EditCompanyPage from "./pages/Company/EditCompanyPage.jsx";
 import CalenderPostPage from "./pages/Calender/CalenderPostPage.jsx";
+import ProfilePage from "./pages/Auth/ProfilePage.jsx";
 
 const theme = createTheme({
     palette: {
@@ -76,6 +77,14 @@ export default function App() {
                                     </PrivateRoute>
                                 }
                             />
+                            <Route
+                                path="profile"
+                                element={
+                                    <PrivateRoute allowedRoles={['ADMIN', 'REPORTER', 'SITE_OWNER']}>
+                                        <ProfilePage />
+                                    </PrivateRoute>
+                                }
+                            />
                             <Route
                                 path="calenderPosts"
                                 element={