Enhance route protection for authenticated users in App component

Author: jayeshbhole7

client/src/App.js

@@ -20,9 +20,19 @@ function App() {
       <ThemeProvider theme={theme}>
       <CssBaseline />
       <Routes>
-      <Route path="/*" element={<LoginPage/>}/>
-      <Route path="/home" element={isAuth ? <HomePage/> : <Navigate to ="/"/>}/>
-      <Route path="/profile/:userId" element={isAuth ? <ProfilePage/> : <Navigate to ="/"/>}/>
+      {/* <Route path="/*" element={<LoginPage/>}/> */}
+      <Route 
+      path="/*"
+      element={isAuth ? <Navigate to ="/home"/> : <LoginPage/>}
+      />
+      {/* <Route path="/home" element={isAuth ? <HomePage/> : <Navigate to ="/"/>}/> */}
+      <Route
+      path="/home"
+      element={isAuth ? <HomePage/> : <Navigate to ="/"/>}
+      />
+      <Route
+      path="/profile/:userId"
+      element={isAuth ? <ProfilePage/> : <Navigate to ="/"/>}/>
       </Routes>
       </ThemeProvider>
       </BrowserRouter>