Make homepage carousels fully dynamic, drop brand carousels, dynamic logo/favicon

- Replace the two hardcoded homepage carousels (SpecialSaleCarousel
  pinned to store-specials group 0 only, TopSellingCarousel reading
  from an unrelated plain product query) with StoreSpecialCarousels:
  loops over every group GET /store-specials returns, using each
  group's own title. A new carousel created in the admin panel (e.g.
  the "بهترین‌ها از نگاه شما" one just added) shows up automatically,
  no code change needed.
- Remove the brand-groups integration and its "سامسونگ" carousel
  entirely (getBrandGroups, BrandGroupCarousels) — brand-name
  carousels aren't wanted on this site per explicit instruction.
- SectionTitle's enTitle is now optional, since dynamic store-specials
  groups only have one title string, not a Persian/English pair.
- Move featured categories above the hero-adjacent special carousels
  per the requested homepage order; drop the "دسته‌بندی‌های پرطرفدار"
  heading and its "همه دسته‌ها" button, per request.
- Wire the header/footer logo and the favicon to the real business
  data (logoUrl/logoDarkUrl/faviconUrl from GET business-info) instead
  of static files; removed src/app/favicon.ico, which was silently
  winning over the new dynamic <link rel="icon">.
- CONTEXT.md: document the dynamic-carousel contract and the
  logo/favicon wiring so neither regresses to hardcoded.

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

src/components/home/StoreSpecialCarousels.tsx

@@ -0,0 +1,49 @@
+import { Carousel } from "@/components/ui/Carousel";
+import { ProductCard } from "@/components/ui/ProductCard";
+import { SectionTitle } from "@/components/ui/SectionTitle";
+import { productHref, type ProductGroup } from "@/lib/meshkee";
+
+// Renders every admin-managed carousel from GET /store-specials — whatever
+// groups exist there, in their configured order. Nothing here is keyed off
+// a specific group id/key/title, so a new carousel created in the Meshkee
+// dashboard (any name) shows up on the homepage automatically, with no code
+// change. Groups with no items are skipped (honest empty state — no heading
+// over nothing).
+export function StoreSpecialCarousels({
+  groups,
+  contactPhone,
+}: {
+  groups: ProductGroup[];
+  contactPhone?: string;
+}) {
+  const visibleGroups = groups.filter((group) => group.items.length > 0);
+
+  return (
+    <>
+      {visibleGroups.map((group) => (
+        <section key={group.id} className="py-10 md:py-14">
+          <div className="mx-auto max-w-7xl px-4">
+            <SectionTitle title={group.title} />
+            <Carousel ariaLabel={`کاروسل ${group.title}`}>
+              {group.items.map((product) => (
+                <ProductCard
+                  key={product.id}
+                  name={product.name}
+                  brand={product.brand ?? ""}
+                  price={product.price}
+                  oldPrice={product.oldPrice}
+                  discount={product.discount}
+                  image={product.image ?? "/images/placeholder.svg"}
+                  href={productHref(product)}
+                  contactPhone={contactPhone}
+                  variantId={product.variantId}
+                  slug={product.slug}
+                />
+              ))}
+            </Carousel>
+          </div>
+        </section>
+      ))}
+    </>
+  );
+}