feat: add script to generate default blog cover image

- Introduced a new script `make-blog-cover.mjs` to create a default cover image for blog posts.
- The image is generated in PNG format with dimensions 1200x630, suitable for Open Graph.
- Utilizes the site's branding colors and logo from `public/nobat724.svg`.
- Includes custom font styling using the Vazirmatn font.
- The generated image is saved to `public/assets/images/blog-default-cover.png`.

components/blog/head/index.js

@@ -4,6 +4,10 @@ import { convertTimestampToJalali } from "@/helper";
 function Head({ data, cityName }) {
   const firstTag = data?.tag?.[0];
   const createdDate = data?.created ? convertTimestampToJalali(data.created) : "";
+  // normalizeBlog تگ‌ها را به [{name}] تبدیل می‌کند؛ نامِ خالی حذف می‌شود.
+  const tags = (Array.isArray(data?.tag) ? data.tag : [])
+    .map((t) => (typeof t === "string" ? t : t?.name))
+    .filter(Boolean);
 
   return (
     <div>
@@ -66,7 +70,31 @@ function Head({ data, cityName }) {
             </p>
           </div>
         )}
+        {data?.reading_time > 0 && (
+          <div className="flex items-center justify-start gap-1">
+            <p className="text-[#9B9B9B] text-[11px] md:text-[13px] lg:text-[14px] font-normal">
+              زمان مطالعه:
+            </p>
+            <p className="text-[#9B9B9B] text-[11px] md:text-[14px] lg:text-[16px] font-medium">
+              {data.reading_time} دقیقه
+            </p>
+          </div>
+        )}
       </div>
+      {/* فهرست کامل تگ‌ها — تا این تغییر فقط تگ اول در بردکرامب دیده می‌شد.
+          صفحهٔ فیلتر تگ وجود ندارد، پس چیپ‌ها بدون لینک رندر می‌شوند. */}
+      {tags.length > 0 && (
+        <ul className="flex flex-wrap items-center justify-start gap-2 mt-[12px] md:mt-[16px]">
+          {tags.map((tag, idx) => (
+            <li
+              key={`${tag}-${idx}`}
+              className="bg-[#F5F5F5] text-[#525252] rounded-full px-[12px] py-[4px] text-[11px] md:text-[13px] font-medium"
+            >
+              {tag}
+            </li>
+          ))}
+        </ul>
+      )}
     </div>
   );
 }