feat: refactor pass along pages

src/components/Footer.astro

@@ -90,7 +90,7 @@ const currentYear = new Date().getFullYear();
         </div>
       </div>
       <!-- Bottom section -->
-      <div class="border-t border-neutral-400/30  dark:border-neutral-600/50 pt-8 mt-12">
+      <div class="border-t border-divider pt-8 mt-12">
         <div class="flex flex-col md:flex-row items-center justify-between gap-4">
           <p class="text-secondary text-sm">
             &copy; {currentYear} All rights reserved.

src/components/cards/BlogCard.astro

@@ -5,6 +5,7 @@ import type { Post } from '@lib/directusTypes';
 
 import Image from '@components/ui/images/Image.astro';
 import { getDirectusImageURL } from '@lib/directusFunctions';
+import { formatDate } from '@support/time';
 
 interface Props {
   post: Post;
@@ -44,11 +45,7 @@ const { post } = Astro.props;
               class="translate-y-0.5 transition duration-300 group-hover:translate-x-1"
             />
             <p class="card-text-description text-sm ml-auto">
-              {new Date(post.published_date).toLocaleDateString('en-US', {
-                year: 'numeric',
-                month: 'short',
-                day: 'numeric',
-              })}
+              {formatDate(post.published_date)}
             </p>
           </div>
         </div>