Add header component with responsive navigation

components/Header.tsx

@@ -0,0 +1,22 @@
+import Image from "next/image";
+import Link from "next/link";
+import NavItems from "./NavItems";
+import UserDropdown from "./UserDropdown";
+
+const Header = () => {
+  return (
+    <header className="sticky top-0 header">
+      <div className="container header-wrapper">
+        <Link href="/">
+            <Image src="/logo.svg" alt="CGR Logo" width={100} height={100} className="h-8 w-auto cursor-pointer"/>
+        </Link>
+        <nav className="hidden sm:block">
+            <NavItems />
+        </nav>
+        <UserDropdown />
+      </div>
+    </header>
+  );
+};
+
+export default Header;