feat(aboutUs): enhance Head component with siteName and slogan props; update Services content formatting

components/blog/relatedContent/Item.js

@@ -5,30 +5,24 @@ import Link from "next/link";
 import { convertTimestampToJalali, imageUrl } from "@/helper";
 
 function Item({ data, idx, loading }) {
-  const cover = data?.images?.[0]?.url ? imageUrl(data.images[0].url) : "";
+  const cover = data?.images?.[0]?.url
+    ? imageUrl(data.images[0].url)
+    : "/assets/images/cover-blog-1.png";
   const createdDate = data?.created ? convertTimestampToJalali(data.created) : "";
 
   return (
     <li className="flex relative items-center justify-start gap-[8px] py-[12px] sm:py-[15px] md:py-[18px] lg:py-[20px]">
       <CustomLoading width={80} height={72} loading={loading}>
         <Link href={`/blog/${data.uuid}`}>
-          {cover && cover.trim() !== "" ? (
-            <img
-              className="
+          <img
+            className="
                         w-[64px] sm:w-[73px] md:w-[85px] lg:w-[97px]
                         h-[56px] sm:h-[64px] md:h-[75px] lg:h-[88px]
                         rounded-[8px] overflow-hidden object-cover
                     "
-              src={cover}
-              alt={data.title || "article"}
-            />
-          ) : (
-            <div className="
-                        w-[64px] sm:w-[73px] md:w-[85px] lg:w-[97px] 
-                        h-[56px] sm:h-[64px] md:h-[75px] lg:h-[88px] 
-                        rounded-[8px] overflow-hidden bg-gray-200
-                    "></div>
-          )}
+            src={cover}
+            alt={data.title || "article"}
+          />
         </Link>
       </CustomLoading>
       <div className="flex flex-col gap-[16px] sm:gap-[18px] md:gap-[21px] lg:gap-[24px] items-start justify-between">