"use client"; import Link from 'next/link'; import { useState } from "react"; import { useRouter } from "next/navigation"; import { SignInButton, SignUpButton, UserButton, useAuth } from "@clerk/nextjs"; export default function Navbar() { const [isOpen, setIsOpen] = useState(false); const { isSignedIn, isLoaded } = useAuth(); const router = useRouter(); const [searchId, setSearchId] = useState(""); const handleSearch = (e: React.FormEvent) => { e.preventDefault(); if (searchId.trim()) { router.push(`/?taskId=${searchId.trim()}`); } }; return ( ); }