chore(components:navbar): display searchbar component

  ## what
  - display `searchbar` component

  ## how

  ## why

  ## where
  - ./src/components/navbar.tsx

  ## usage

src/components/navbar.tsx

@@ -5,6 +5,7 @@ import { usePathname } from "next/navigation";
 
 import { cn } from "@/lib/utils";
 import { ModeToggle } from "@/components/darkmode-toggle";
+import SearchBar from "./searchbar";
 
 const links = [
   { label: "Uva uHunt", href: "/" },
@@ -23,20 +24,21 @@ const Navbar = ({ className, ...props }: React.HTMLAttributes<HTMLElement>) => {
         )}
         {...props}
       >
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-3">
           {links.map((link) => (
             <Link
               key={link.label}
               href={link.href}
               className={cn(
                 "nav-link",
                 pathname === link.href && "active-nav-link",
-                "first:text-lg first:font-bold first:mr-8",
+                "first:text-lg first:font-bold ",
               )}
             >
               {link.label}
             </Link>
           ))}
+          <SearchBar />
         </div>
         <ModeToggle />
       </nav>