Update favicon and enhance SiteHeader component with logo image for improved branding

public/kolay-tercih-mark.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180" role="img" aria-labelledby="title">
+  <title id="title">KolayTercih</title>
+  <rect x="27" y="56" width="57" height="57" rx="13" fill="#3b82f6"/>
+  <rect x="91" y="29" width="56" height="56" rx="13" fill="#fdc7a7"/>
+  <rect x="91" y="95" width="56" height="56" rx="13" fill="#ff5a00"/>
+</svg>

src/app/favicon-for-app/manifest.json

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

src/components/site-header.tsx

@@ -1,5 +1,5 @@
+import Image from "next/image";
 import Link from "next/link";
-import { GraduationCap } from "lucide-react";
 import { UserNav } from "@/components/user-nav";
 
 const navLinks = [
@@ -14,8 +14,16 @@ export function SiteHeader() {
       <div className="mx-auto flex h-16 max-w-6xl items-center justify-between gap-3 px-4">
         <Link
           href="/"
-          className="group flex items-center gap-3 font-bricolage text-xl"
+          className="group flex items-center font-bricolage text-xl"
         >
+          <Image
+            src="/kolay-tercih-mark.svg"
+            alt=""
+            width={44}
+            height={44}
+            aria-hidden="true"
+            className="size-11 shrink-0"
+          />
           <span>
             <span className="font-light text-3xl tracking-tighter">Kolay</span>
             <span className="font-semibold text-3xl tracking-tighter">