user profile,delete,logout functionalities

package.json

@@ -10,19 +10,21 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@react-google-maps/api": "^2.20.3",
     "@dicebear/avatars": "^4.10.8",
     "@dicebear/avatars-initials-sprites": "^4.10.8",
+    "@react-google-maps/api": "^2.20.3",
     "axios": "^1.7.7",
     "firebase": "^10.4.0",
     "localforage": "^1.10.0",
     "lucide-react": "^0.460.0",
     "match-sorter": "^6.3.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-icons": "^4.11.0",
     "react-router-dom": "^6.16.0",
     "react-toastify": "^10.0.6",
+    "semantic-ui-css": "^2.5.0",
+    "semantic-ui-react": "^2.1.5",
     "sort-by": "^1.2.0",
     "swiper": "^10.3.1",
     "uuid": "^11.0.3"

src/App.jsx

@@ -16,6 +16,9 @@ import HotelList from './Components/HotelList/HotelList';
 import CurrTour from './Pages/CurrTour/CurrTour';
 import CurrMap from './Pages/CurrMap/CurrMap';
 import { AuthContext } from './Context/AuthContext';
+import UserProfile from './Components/UserProfile/UserProfile';
+
+
 function App(){
 const router = createBrowserRouter([
   {
@@ -73,6 +76,11 @@ const router = createBrowserRouter([
       {
         path:'/test',
         element:<HotelList></HotelList>
+      },
+      {
+        path:'/userprofile/:id',
+        element:<UserProfile></UserProfile>
+
       }
     ]
   },