Refactor Navbar and Search components: enhance Navbar with mobile menu functionality and improved styling, update Search component to utilize new Button component for better UI consistency, and optimize search input layout for a more engaging user experience.

src/components/atoms/SearchInput/index.tsx

@@ -30,17 +30,17 @@ export const SearchInput: FC<Props> = ({
   }, [value]);
 
   return (
-    <div className={`relative text-gray-600 inline-block ${className}`}>
+    <div>
       <input
         type="search"
         name="search"
-        className="bg-white h-10 px-5 pr-10 rounded-full text-md md:text-sm focus:outline-none w-52 focus:w-[400px] transition-all max-w-[90vw]"
         value={value}
         placeholder={placeholder}
+        className={className}
         onChange={(e) => setValue(e.target.value)}
         autoFocus={autoFocus}
       />
-      <button type="submit" className="absolute right-0 top-0 mt-3 mr-4">
+      <button type="submit" className="absolute right-0 top-1 mt-3 mr-4">
         <IoSearch />
       </button>
     </div>