don't make the nav bar with flex quantities

frontend/src/components/Navbar.tsx

@@ -8,7 +8,6 @@ export default function Navbar() {
         component={Link}
         to="/"
         variant="outlined"
-        className="flex flex-1"
       >
         Home
       </Button>
@@ -17,11 +16,9 @@ export default function Navbar() {
         component={Link}
         to="/articleList"
         variant="outlined"
-        className="flex flex-1"
       >
-        Article
+        Articles
       </Button>
-      <div className="flex flex-8"></div>
     </div>
   );
 };

frontend/src/main.tsx

@@ -13,7 +13,7 @@ createRoot(document.getElementById('root')!).render(
       <Navbar />
       <Routes>
         <Route path="/" element={<Home />} />
-        <Route path="/article:articleId" element={<Article />} />
+        <Route path="/article/:articleId" element={<Article />} />
         <Route path="/articleList" element={<ArticleList />} />
       </Routes>
     </BrowserRouter>

frontend/src/pages/Home.tsx

@@ -1,4 +1,5 @@
 export default function Home() {
+
   return (
     <div id="home">
       <h1>Home</h1>