restruct

frontend/src/components/navbar.tsx

@@ -0,0 +1,15 @@
+const Navbar = () => {
+
+  return (
+    <div className="main-head-box">
+      <div className="main-head-subbox-left">
+        <h1 className="main-head">kohngrüti</h1>
+      </div>
+      <div className="main-head-subbox-right">
+       <span className="material-symbols-outlined">recenter</span>
+      </div>
+    </div>
+  )
+}
+
+export default Navbar;

frontend/src/pages/Home.tsx

@@ -1,16 +1,12 @@
 import Stickies from '../components/stickies';
+import Navbar from '../components/navbar'
 import '../styles/home.css'
 
 const Home = () => {
     return (
         <div>
-            <div className="main-head-box">
-                <div className="main-head-subbox-left">
-                    <h1 className="main-head">kohngrüti</h1>
-                </div>
-                <div className="main-head-subbox-right">
-                    <span className="material-symbols-outlined">recenter</span>
-                </div>
+            <div>
+                <Navbar />
             </div>
             <div>
                 <Stickies />