changed navbar

frontend/src/app/components/navbar/navleft/Header.jsx

@@ -0,0 +1,67 @@
+import React, { useState } from "react";
+import HeaderDropdown from "./HeaderDropdown";
+import styles from "./styles.module.css";
+
+const Header = () => {
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      {/* Organization Header */}
+      <div className={styles.organizationContainer}>
+        <div className={styles.orgContainer}>
+          {/* Burger Button */}
+          {/* <div className={styles.burgerBtn}>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width={24}
+              height={24}
+              viewBox="0 0 24 24"
+              fill="none"
+            >
+              <path
+                d="M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z"
+                fill="white"
+                style={{ fillOpacity: 1 }}
+              />
+            </svg>
+          </div> */}
+          {/* Logo */}
+          <div className={styles.orgLogo}></div>
+          <div className={styles.orgName}>
+            <p>Organization</p>
+            <div className={styles.dropdownContainer}>
+              {/* Dropdown Menu*/}
+              {open && <HeaderDropdown />}
+
+              {/* Toggle Button */}
+              <div
+                className={styles.dropdownBtn}
+                onClick={() => setOpen(!open)}
+              >
+                <p>Project Moonshot Inc.</p>
+                <div>
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="12"
+                    height="12"
+                    viewBox="0 0 12 12"
+                    fill="none"
+                  >
+                    <path
+                      d="M1.03906 3.51953L6.00031 8.48083L10.9616 3.51953"
+                      stroke="#969AF9"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                    />
+                  </svg>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Header;