Update SiteHeader component to improve accessibility and visual clarity. Added aria-label for the logo link and adjusted text visibility for better responsiveness on mobile devices. Enhanced styling for the brand name to ensure consistent presentation across screen sizes.

src/components/site-header.tsx

@@ -11,6 +11,7 @@ export function SiteHeader() {
       <div className="relative mx-auto flex h-12 max-w-6xl items-center justify-between gap-2 px-3 sm:h-16 sm:gap-3 sm:px-4">
         <Link
           href="/"
+          aria-label="KolayTercih"
           className="group flex min-w-0 shrink items-center font-bricolage"
         >
           <Image
@@ -21,11 +22,10 @@ export function SiteHeader() {
             aria-hidden="true"
             className="size-8 shrink-0 sm:size-11"
           />
-          <span className="truncate">
-            <span className="text-lg font-light tracking-tighter sm:text-3xl">
-              Kolay
-            </span>
-            <span className="text-lg font-semibold tracking-tighter sm:text-3xl">
+          {/* Yazı yalnızca sm+: mobilde logo yeter, header sıkışmasın */}
+          <span className="hidden truncate sm:inline">
+            <span className="text-3xl font-light tracking-tighter">Kolay</span>
+            <span className="text-3xl font-semibold tracking-tighter">
               Tercih
             </span>
           </span>