refactor: update site header and chat components for improved user experience

Replaced the static logo in the SiteHeader with an animated component for enhanced visual feedback. Updated the PaketSatinAl component to include a dynamic link based on user context. Enhanced the ListeUretici and ListemGovde components with improved layout and messaging features, including the addition of a new initial preference comment display in the SohbetClient. Adjusted styling for consistency across components and improved loading states with skeleton screens.

src/components/site-header.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
-import Image from "next/image";
 import Link from "next/link";
+import { AnimasyonluMark } from "@/components/animasyonlu-mark";
 import { KatalogArama } from "@/features/katalog/components/katalog-arama";
 import { UserNav, UserNavFallback } from "@/features/kullanici/components/user-nav";
 import { getRehberAramaKayitlari } from "@/lib/rehber";
@@ -15,14 +15,9 @@ export function SiteHeader() {
           aria-label="KolayTercih"
           className="group order-1 flex min-w-0 shrink items-center font-bricolage"
         >
-          <Image
-            src="/kolay-tercih-mark.svg"
-            alt=""
-            width={44}
-            height={44}
-            aria-hidden="true"
-            className="size-8 shrink-0 sm:size-11"
-          />
+          {/* Inline animasyonlu mark: Link'teki `group` sayesinde hover'da
+              kareler danışman panelindeki nabız animasyonuyla canlanır. */}
+          <AnimasyonluMark sadeceHover className="size-8 sm:size-11" />
           <span className="truncate">
             <span className="text-lg font-light tracking-tighter sm:text-3xl">
               Kolay