Polish product/blog detail pages: gallery, tabs, Persian names, image fixes

- Product detail: interactive image gallery (thumbnails, prev/next,
  hover-zoom), tabbed spec/review/comments section matching the site's
  standard pattern, variations/options display, and an availability
  label instead of duplicating the contact-store message.
- Fix product.images normalization — the API returns {url} media objects,
  not plain strings, so galleries were silently rendering empty.
- Prefer the Persian name (nameFa/productNameFa) everywhere a product
  name is shown.
- Product cards: padded, rounded images instead of edge-to-edge with a
  dashed divider.
- Blog: wire the homepage carousel to real posts (was static sample
  data), drop the detail page's separate cover image, and make images
  embedded in article/description HTML fill their container with
  rounded corners.

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

src/components/ui/ProductCard.tsx

@@ -28,13 +28,13 @@ export function ProductCard({
 }: ProductCardProps) {
   const info = (
     <>
-      <div className="relative">
+      <div className="relative p-[10px]">
         <Placeholder
           src={image}
           alt={name}
           width="100%"
           fit="contain"
-          className="aspect-square w-full rounded-none border-0 border-b border-dashed"
+          className="aspect-square w-full rounded-lg border-0"
         />
         {discount && (
           <span className="absolute top-3 right-3 rounded-md bg-red px-2 py-0.5 text-xs font-bold text-white">