fix navbar

frontend/src/App.css

@@ -1,4 +1,8 @@
 #root {
+  height: 100%;
+}
+
+#app {
   max-width: 1280px;
   margin: 0 auto;
   padding: 2rem;

frontend/src/App.jsx

@@ -32,11 +32,13 @@ function App() {
   return (
         <Router>
             <Navbar />
-            <Routes>
-                <Route path="/" element={<Root notes={notes}/>} />
-                <Route path="record" element={<Recorder transcript={transcript} setTranscript={setTranscript}/>} />
-                <Route path="summary" element={<Summary transcript={transcript}/>} />
-            </Routes>
+            <div id="app">
+                <Routes>
+                    <Route path="/" element={<Root notes={notes}/>} />
+                    <Route path="record" element={<Recorder transcript={transcript} setTranscript={setTranscript}/>} />
+                    <Route path="summary" element={<Summary transcript={transcript}/>} />
+                </Routes>
+            </div>
         </Router>
     )
 }

frontend/src/widgets/Navbar.jsx

@@ -1,12 +1,19 @@
 import { Link } from "react-router-dom";
-import { FiMenu } from 'react-icons/fi'
+import { FaBook } from "react-icons/fa";
 
 function Navbar() {
     return (
-        <nav style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: "100%", display: "top" }}>
+        <nav style={{ 
+            display: 'flex', 
+            flexDirection: 'row',
+            justifyContent: 'space-between', 
+            alignItems: 'center', 
+            width: "100%",
+            padding: "15px",
+        }}>
             <div></div>
             <h2><Link style={{ textDecoration: "none", color: "black", fontWeight: 600 }} to="/">memora.</Link></h2>
-            <FiMenu size={30}/>
+            <FaBook size={30}/>
             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
         </nav>
     );