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/detail/index.js

@@ -1,4 +1,6 @@
 import Caption from "./Caption";
+import Faq from "./Faq";
+import Sources from "./Sources";
 import SocialMedia from "./SocialMedia";
 import CommentUser from "./commentUser";
 
@@ -6,6 +8,8 @@ function Detail({ data }) {
   return (
     <div className="w-full lg:w-[68%]">
       <Caption data={data} />
+      <Faq data={data} />
+      <Sources data={data} />
       <SocialMedia />
       {/* <CommentUser data={data} loading={false} /> */}
     </div>