fixed testimonial slider issue, now using date-fns for dateFormat, update sortFunctions

src/layouts/PostSingle.astro

@@ -1,5 +1,4 @@
 ---
-import { Image } from "@astrojs/image/components";
 import BlogCard from "@/components/BlogCard.astro";
 import Share from "@/components/Share.astro";
 import config from "@/config/config.json";
@@ -8,6 +7,7 @@ import { getSinglePage } from "@/lib/contentParser.astro";
 import dateFormat from "@/lib/utils/dateFormat";
 import similerItems from "@/lib/utils/similarItems";
 import { humanize, markdownify, slugify } from "@/lib/utils/textConverter";
+import { Image } from "@astrojs/image/components";
 import {
   FaRegClock,
   FaRegFolder,

src/layouts/partials/Testimonial.astro

@@ -1,6 +1,6 @@
 ---
-import { Image } from "@astrojs/image/components";
 import { markdownify } from "@/lib/utils/textConverter";
+import { Image } from "@astrojs/image/components";
 const { testimonial } = Astro.props;
 ---
 
@@ -39,9 +39,10 @@ const { testimonial } = Astro.props;
                             />
                           </svg>
                         </div>
-                        <blockquote class="mt-8">
-                          {markdownify(item.content)}
-                        </blockquote>
+                        <blockquote
+                          class="mt-8"
+                          set:html={markdownify(item.content)}
+                        />
                         <div class="mt-11 flex items-center">
                           <div class="text-dark dark:text-white">
                             <Image
@@ -86,6 +87,12 @@ const { testimonial } = Astro.props;
     modules: [Pagination, Autoplay],
     spaceBetween: 24,
     loop: true,
+    loopedSlides: 2,
+    centeredSlides: true,
+    autoplay: {
+      delay: 2500,
+      disableOnInteraction: false,
+    },
     pagination: {
       el: ".testimonial-slider-pagination",
       type: "bullets",