thats all for today!!

frontend/src/app/components/navbar/Navbar.jsx

@@ -4,12 +4,23 @@ import React from "react";
 import styles from "./styles.module.css";
 import NavLeft from "./navleft/Header";
 import NavRight from "./navright/Profile";
+import HamburgerIcon from "../../components/icons/hamburger";
+import VerticalEllipsis from "../icons/verticalEllipsis";
+import useIsMobile from "@/app/hooks/useIsMobile";
 
 const Navbar = () => {
+  const isMobile = useIsMobile();
   return (
     <div className={styles.mainContainer}>
-      <NavLeft />
-      <NavRight />
+      {/* Mobile Hamburger Button */}
+      <div className={styles.mobileHamburger}>
+        {isMobile && <HamburgerIcon />}
+        <NavLeft />
+      </div>
+      {/* Mobile Menu Button */}
+      <div className={styles.mobileEllipsis}>
+        {isMobile ? <VerticalEllipsis /> : <NavRight />}
+      </div>
     </div>
   );
 };