Connect product/blog pages, mega menu, and instant search to Meshkee backend

Add /products (list + detail) and /blog (list + detail) routes backed by
the real Meshkee API, a real category-hierarchy mega menu (level 2/3 only),
debounced instant search proxied through a same-origin API route, and
tel:-link fallbacks on product cards when no price is set. Also fixes
Product price normalization to read the real API shape instead of a
guessed one, and hardens product linking against catalog sources that
don't expose a slug.

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

src/app/layout.tsx

@@ -1,6 +1,10 @@
 import type { Metadata } from "next";
 import { Vazirmatn, Syne } from "next/font/google";
 import "./globals.css";
+import { TopBar } from "@/components/home/TopBar";
+import { Header } from "@/components/home/Header";
+import { Footer } from "@/components/home/Footer";
+import { getBusinessInfo, getCategories, getCategoryTree } from "@/lib/meshkee";
 
 const vazirmatn = Vazirmatn({
   variable: "--font-vazirmatn",
@@ -19,14 +23,25 @@ export const metadata: Metadata = {
   description: "فروشگاه آنلاین لوازم خانگی — یخچال، لباسشویی، تلویزیون و بیشتر",
 };
 
-export default function RootLayout({ children }: LayoutProps<"/">) {
+export default async function RootLayout({ children }: LayoutProps<"/">) {
+  const [categoryTree, categories, businessInfo] = await Promise.all([
+    getCategoryTree(),
+    getCategories(),
+    getBusinessInfo(),
+  ]);
+
   return (
     <html
       lang="fa"
       dir="rtl"
       className={`${vazirmatn.variable} ${syne.variable} h-full antialiased`}
     >
-      <body className="min-h-full flex flex-col">{children}</body>
+      <body className="min-h-full flex flex-col">
+        <TopBar />
+        <Header categoryTree={categoryTree} categories={categories} />
+        <main>{children}</main>
+        <Footer businessInfo={businessInfo} categories={categories} />
+      </body>
     </html>
   );
 }