Set content of review to the HTML converted markdown

astro/src/components/web/Reviews.astro

@@ -1,4 +1,5 @@
 ---
+import { markdownToHtml } from '@/lib/markdown';
 import StarRating from './subcomponents/StarRating.astro';
 
 interface Props {
@@ -34,15 +35,14 @@ const reviewsToShow = reviews.reviews.slice(0, 5);
     <div class="flex flex-col gap-6.5">
         { reviewsToShow.map((review) => (
             <div class="flex flex-col justify-center gap-3 bg-neutral-50 py-4 px-5.5 rounded-2xl shadow-sm">
-                <div class="flex flex-col justify-center gap-[5px]">
+                <div class="flex flex-col justify-center gap-1.25">
                     <h4 class="text-2xl font-semibold">{review.name}</h4>
                     <div>
                         <StarRating size="small" stars={review.stars} />
                     </div>
                 </div>
 
-                <div>
-                    { review.review }
+                <div set:html={markdownToHtml(review.review)}>
                 </div>
             </div>
         )) }