Upload components/Header.jsx with huggingface_hub

components/Header.jsx

@@ -1,20 +1,20 @@
 import Link from 'next/link'
-import { FiGithub, FiTwitter, FiBook, FiCode, FiCpu } from 'react-icons/fi'
+import { FiGithub, FiTwitter, FiBook, FiCode, FiCpu, FiMenu, FiSettings, FiSearch } from 'react-icons/fi'
 
 export default function Header() {
   return (
-    <header className="bg-primary text-white shadow-lg sticky top-0 z-50">
+    <header className="bg-sidebar text-white shadow-lg sticky top-0 z-50">
       <div className="container mx-auto px-4 py-3 flex justify-between items-center">
         <div className="flex items-center space-x-2">
-          <FiCode className="text-2xl" />
+          <FiCode className="text-2xl text-primary" />
           <h1 className="text-xl font-bold">
             <Link href="/" className="hover:text-gray-200 transition-colors">
-              FullStack Programming Hub
+              SMH-FULL-CODE
             </Link>
           </h1>
         </div>
-        <div className="flex items-center space-x-6">
-          <nav className="hidden md:flex space-x-6">
+        <div className="flex items-center space-x-4">
+          <div className="hidden md:flex items-center space-x-6">
             <Link href="/editor" className="hover:text-gray-200 transition-colors flex items-center space-x-1">
               <FiCpu className="text-sm" />
               <span>Editor</span>
@@ -27,26 +27,17 @@ export default function Header() {
               <FiCode className="text-sm" />
               <span>Docs</span>
             </Link>
-          </nav>
+          </div>
           <div className="flex items-center space-x-4">
             <Link
-              href="https://github.com"
+              href="https://github.com/microsoft/vscode"
               className="hover:text-gray-200 transition-colors"
               target="_blank"
               rel="noopener noreferrer"
-              title="GitHub"
+              title="VSCode GitHub"
             >
               <FiGithub className="text-xl" />
             </Link>
-            <Link
-              href="https://twitter.com"
-              className="hover:text-gray-200 transition-colors"
-              target="_blank"
-              rel="noopener noreferrer"
-              title="Twitter"
-            >
-              <FiTwitter className="text-xl" />
-            </Link>
             <Link
               href="https://huggingface.co/spaces/akhaliq/anycoder"
               className="text-sm hover:text-gray-200 transition-colors flex items-center space-x-1"