Fix navigation routes

Author: nicolelim02

frontend/src/App.tsx

@@ -9,9 +9,11 @@ function App() {
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<Layout />}>
-          <Route path="/questions" element={<>question page list</>} />
-          <Route path="/questions/new" element={<NewQuestion />} />
-          <Route path="/questions/:questionId" element={<QuestionDetail />} />
+          <Route path="questions">
+            <Route index element={<>question page list</>} />
+            <Route path="new" element={<NewQuestion />} />
+            <Route path=":questionId" element={<QuestionDetail />} />
+          </Route>
           <Route path="*" element={<PageNotFound />} />
         </Route>
       </Routes>

frontend/src/components/Navbar/index.tsx

@@ -9,7 +9,7 @@ type NavbarItem = { label: string; link: string };
 type NavbarProps = { navbarItems?: Array<NavbarItem> };
 
 const Navbar: FunctionComponent<NavbarProps> = (props: NavbarProps) => {
-  const { navbarItems = [{ label: "Questions", link: "/" }] } = props;
+  const { navbarItems = [{ label: "Questions", link: "/questions" }] } = props;
   const navigate = useNavigate();
 
   return (