feat: Changed logo name and updated the logo image asset

Author: MuslimeKaya

public/gitmonclosewhite.png

@@ -7,36 +7,30 @@ import { ThemeToggle } from '@/components/theme/ThemeToggle'
 import { useSearchStore } from '@/stores'
 import { Button } from '../ui/button'
 import { Search, User } from 'lucide-react'
+import { AnimatedLogo } from '../ui/animated-logo'
 
 
 export function Header() {
   const {
     setSearchModalOpen,
- 
-  } = useSearchStore()
 
+  } = useSearchStore()
 
   const router = useRouter()
-
-
-
-
-
   return (
     <header className="bg-background border-b border-border sticky top-0 z-50">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex justify-between items-center py-4">
+        <div className="flex justify-between items-center py-0.5">
           <div className="flex items-center space-x-4">
-            <h1 className="text-2xl font-bold text-foreground">GitHubMon</h1>
-            <Badge variant="secondary">OSS Analytics</Badge>
+            <AnimatedLogo />
           </div>
           {/* Search Bar */}
           <Button
             variant="outline"
             onClick={() => setSearchModalOpen(true)}
             className="w-64 flex justify-start "
           >
-            <Search className="w-6 h-6 mr-2" />
+            <Search className="w-20 h-20 mr-5" />
             Search GitHub ...
           </Button>
 

src/components/layout/Header.tsx

@@ -0,0 +1,16 @@
+'use client'
+
+import Image from 'next/image'
+
+export function AnimatedLogo() {
+    return (
+        <div className="relative w-32 h-20">
+            <Image
+                src="/gitmonclosewhite.png"
+                alt="GitMon Logo"
+                fill
+                className="object-contain"
+            />
+        </div>
+    )
+}