Update component configurations and styles: add new registry for @magicui in components.json, remove unused opengraph image files, and enhance opengraph-image.tsx with new font loading and styling adjustments. Refactor button sizes and styles in various components for improved responsiveness and visual consistency. Overall, these changes aim to streamline the application and enhance user experience.

src/components/site-header.tsx

@@ -6,11 +6,11 @@ import { UserNav, UserNavFallback } from "@/components/user-nav";
 
 export function SiteHeader() {
   return (
-    <header className="sticky top-6 z-50 mt-6 print:hidden">
-      <div className="relative mx-auto flex h-16 max-w-6xl items-center justify-between gap-3 px-4">
+    <header className="sticky top-4 z-50 mt-4 sm:top-6 sm:mt-6 print:hidden">
+      <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="/"
-          className="group flex items-center font-bricolage text-xl"
+          className="group flex min-w-0 shrink items-center font-bricolage"
         >
           <Image
             src="/kolay-tercih-mark.svg"
@@ -18,11 +18,13 @@ export function SiteHeader() {
             width={44}
             height={44}
             aria-hidden="true"
-            className="size-11 shrink-0"
+            className="size-8 shrink-0 sm:size-11"
           />
-          <span>
-            <span className="font-light text-3xl tracking-tighter">Kolay</span>
-            <span className="font-semibold text-3xl tracking-tighter">
+          <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">
               Tercih
             </span>
           </span>