install mui, make navbar

frontend/src/components/Navbar.tsx

@@ -0,0 +1,8 @@
+export default function Navbar() {
+  return (
+    <div className="flex-row">
+      <button />
+      <button />
+    </div>
+  );
+};

frontend/src/main.tsx

@@ -3,12 +3,16 @@ import { createRoot } from 'react-dom/client'
 import { BrowserRouter, Routes, Route } from 'react-router'
 import './index.css'
 import Home from './pages/Home.tsx'
+import Article from './pages/Article.tsx'
+import Navbar from './components/Navbar.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
+    <Navbar />
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<Home />} />
+        <Route path="/article:articleId" element={<Article />} />
       </Routes>
     </BrowserRouter>
   </StrictMode>

frontend/src/pages/Article.tsx

@@ -0,0 +1,7 @@
+export default function Article() {
+  return (
+    <div id="article">
+      <h1>Article</h1>
+    </div>
+  );
+};