Show real titleFa captions, 3x logo size, fix category hover border

- CategoryCarousel: caption under each circle now comes from the slot
  image's own titleFa (as the business typed it) instead of the resolved
  category's API name - identity resolution via linkUrl slug is still used
  for the href, just not for the visible label
- Replace the hover ring (box-shadow) with a real 1px border - the ring
  rendered oddly against Swiper's transformed slide track, looking like it
  "leaked" into the row above; a border participates in normal box layout
  and doesn't have that problem (border-box sizing means zero layout shift)
- Header/footer logo: h-9 (36px) -> h-[108px], 3x on request; header row
  height bumped to fit. Note: the currently-uploaded (wrong-business) logo
  has a lot of baked-in padding, so it still reads small even at 3x - that's
  the asset, not the sizing
- Re-verified the static-image-slot wiring end to end against the original
  spec (url->img, linkUrl->href, aspectRatio from API, placeholder on
  empty/fail) - all still holds

Also add a Deployment section to AGENTS.md: this repo's whole point is
CI/CD from origin/main, and local commits sitting unpushed (as 3 commits
were, until now) look indistinguishable from unfixed bugs to whoever is
testing the deployed site.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/components/Header.tsx

@@ -28,12 +28,21 @@ export default function Header({
     <header className="sticky top-0 z-40 w-full border-b border-line bg-white">
       <div className="boxed">
         {/* Mobile keeps the header down to the search box alone — account,
-            cart and browsing live in the fixed bottom bar instead. */}
-        <div className="flex h-[70px] items-center gap-4">
+            cart and browsing live in the fixed bottom bar instead. The row
+            is taller on lg so a prominent 108px logo (3x the old 36px) has
+            room without cramming the search box/buttons beside it. */}
+        <div className="flex h-[70px] items-center gap-4 lg:h-32">
           <Link href="/" className="hidden shrink-0 lg:block" aria-label={SITE_NAME}>
-            {/* h-9 w-auto (not a fixed box) so a square dashboard logo mark
-                and the wide fallback wordmark both render undistorted. */}
-            <Image src={logoUrl} alt={SITE_NAME} width={140} height={40} className="h-9 w-auto object-contain" priority />
+            {/* h-[108px] w-auto (not a fixed box) so a square dashboard logo
+                mark and the wide fallback wordmark both render undistorted. */}
+            <Image
+              src={logoUrl}
+              alt={SITE_NAME}
+              width={280}
+              height={108}
+              className="h-[108px] w-auto object-contain"
+              priority
+            />
           </Link>
 
           <div className="flex-1">