Redesign header icons/account-cart chip, light footer, fix sticky-footer gap

- New shared SVG icon set (src/components/ui/icons.tsx): Menu, User,
  Cart, Close, ChevronLeft — replaces emoji (☰ 👤 🛒 ✕) across the
  header, and the literal "←" text arrow on every "view more"-style
  link (SectionTitle's action, the mega-menu link, BlogCarousel's
  "ادامه مطلب").
- Header desktop account/cart area redesigned as a borderless chip:
  cart icon button (right) + divider + account icon-badge/two-line
  "حساب کاربری / ورود/ثبت‌نام" (left), matching a supplied reference.
  Got the RTL DOM order backwards on the first pass (cart needs to be
  first in DOM to render rightmost) and corrected it.
- Header logo: -10px (was already doubled from an earlier request).
- Footer: background is now bg-[#9a21291a] (exact hex given, not a
  token substitute) with black text throughout instead of solid
  dark-red/white; footer logo doubled; the meshkee-credit logo gets
  brightness-0 so the white source asset stays visible on the new
  light background.
- Fixed a real layout bug: <main> had no flex-1, so on any page
  shorter than the viewport the footer stuck to the content instead of
  the bottom of the screen, leaving a gap of bare background beneath
  it. Standard sticky-footer flex fix.
- CONTEXT.md: documented the icon set, the account/cart chip's RTL DOM
  ordering (to stop this regressing again), and the footer's new
  color scheme + the flex-1 fix.

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

src/components/home/Header.tsx

@@ -5,6 +5,7 @@ import { createPortal } from "react-dom";
 import type { Category, CategoryNode, CategoryTreeGroup } from "@/lib/meshkee";
 import { EmptyState } from "@/components/ui/EmptyState";
 import { CartButton } from "@/components/cart/CartButton";
+import { ChevronLeftIcon, CloseIcon, MenuIcon, UserIcon } from "@/components/ui/icons";
 import { SearchBar } from "./SearchBar";
 
 const navLinks = [
@@ -27,7 +28,7 @@ function Logo({ src, large = false }: { src?: string | null; large?: boolean })
         className={
           large
             ? "h-[42px] w-auto object-contain md:h-[46px]"
-            : "h-20 w-auto object-contain md:h-24"
+            : "h-[70px] w-auto object-contain md:h-[86px]"
         }
       />
     </a>
@@ -107,9 +108,9 @@ function MobileDrawer({
             type="button"
             onClick={onClose}
             aria-label="بستن منو"
-            className="flex h-9 w-9 items-center justify-center rounded-lg text-xl text-muted transition-colors hover:bg-red-light hover:text-red"
+            className="flex h-9 w-9 items-center justify-center rounded-lg text-muted transition-colors hover:bg-red-light hover:text-red"
           >
-            ✕
+            <CloseIcon className="h-5 w-5" />
           </button>
         </div>
 
@@ -188,7 +189,7 @@ function MobileDrawer({
             href={LOGIN_URL}
             className="flex items-center gap-2 px-5 py-4 text-right font-medium transition-colors hover:bg-red-light/40 hover:text-red"
           >
-            <span aria-hidden>👤</span>
+            <UserIcon className="h-4 w-4" />
             ورود
           </a>
         </nav>
@@ -231,9 +232,9 @@ export function Header({
               type="button"
               onClick={() => setDrawerOpen(true)}
               aria-label="منو"
-              className="flex h-10 w-10 items-center justify-center rounded-lg border border-border text-xl transition-colors hover:border-red hover:text-red min-[1200px]:hidden"
+              className="flex h-10 w-10 items-center justify-center rounded-lg border border-border transition-colors hover:border-red hover:text-red min-[1200px]:hidden"
             >
-              <span aria-hidden>☰</span>
+              <MenuIcon className="h-5 w-5" />
             </button>
             <div className="hidden min-[1200px]:block">
               <Logo src={logoUrl} />
@@ -250,14 +251,27 @@ export function Header({
           </div>
 
           <div className="flex items-center justify-end gap-3 text-sm">
-            <a
-              href={LOGIN_URL}
-              className="hidden items-center gap-1.5 text-muted transition-colors hover:text-red sm:flex"
-            >
-              <span>👤</span>
-              <span>ورود</span>
-            </a>
-            <CartButton />
+            <div className="hidden items-center gap-2 rounded-2xl bg-surface p-1.5 sm:flex">
+              <CartButton />
+              <span className="h-8 w-px bg-border" aria-hidden />
+              <a
+                href={LOGIN_URL}
+                className="flex items-center gap-2 rounded-xl py-1 pr-1 transition-opacity hover:opacity-80"
+              >
+                <span className="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-red text-white">
+                  <UserIcon className="h-5 w-5" />
+                </span>
+                <span className="text-right leading-tight">
+                  <span className="block text-sm font-bold whitespace-nowrap text-foreground">
+                    حساب کاربری
+                  </span>
+                  <span className="block text-xs whitespace-nowrap text-muted">ورود/ثبت‌نام</span>
+                </span>
+              </a>
+            </div>
+            <div className="sm:hidden">
+              <CartButton />
+            </div>
           </div>
         </div>
 
@@ -279,7 +293,7 @@ export function Header({
               aria-haspopup="true"
               className="flex shrink-0 items-center gap-2 rounded-lg bg-red px-4 py-2 font-medium text-white transition-colors hover:bg-red-dark"
             >
-              <span aria-hidden>☰</span>
+              <MenuIcon className="h-4 w-4" />
               دسته‌بندی‌ها
             </button>
 
@@ -294,9 +308,10 @@ export function Header({
                   </div>
                   <a
                     href="/products"
-                    className="text-xs font-medium text-red hover:text-red-dark"
+                    className="flex items-center gap-1 text-xs font-medium text-red hover:text-red-dark"
                   >
-                    مشاهده همه ←
+                    مشاهده همه
+                    <ChevronLeftIcon className="h-3.5 w-3.5" />
                   </a>
                 </div>