few changes, mobile searchbar not done

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

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import CreateIcon from "../../icons/create";
 import styles from "./styles.module.css";
 import useIsMobile from "@/app/hooks/useIsMobile";
+import SearchIcon from "../../icons/search";
 
 const HeaderDropdown = ({
   setOpen,
@@ -30,7 +31,7 @@ const HeaderDropdown = ({
         </div>
         {/* Search */}
         <div className={styles.srchInputContainer}>
-          <div className={styles.srchInputGroup}>
+          <form className={styles.srchInputGroup}>
             <svg
               xmlns="http://www.w3.org/2000/svg"
               width="18"
@@ -67,7 +68,7 @@ const HeaderDropdown = ({
               id=""
               placeholder="Search"
             />
-          </div>
+          </form>
         </div>
       </div>
 

frontend/src/app/components/navbar/navleft/styles.module.css

@@ -255,7 +255,7 @@
     background: linear-gradient(0deg, #2d3143 0%, #191a24 100%);
     border-radius: 0;
     position: fixed;
-    top: 90px;
+    top: 80px;
     left: 0;
     width: 100%;
     margin-top: 0;