fix: update styles in BlogPost, Footer, and Header components for consistency and improved readability

src/components/BlogPost.astro

@@ -30,10 +30,10 @@ const { title, description, date, tags } = Astro.props;
 
   <div
     class="max-w-3xl mb-8
-      prose dark:prose-invert
+      prose prose-invert
       prose-h1:border-b prose-h1:pb-4
       prose-a:underline prose-a:underline-offset-4
-      prose-p:text-justify prose-img:rounded-xl
+      prose-p:text-zinc-300 prose-p:text-justify prose-img:rounded-xl
       prose-headings:text-zinc-300"
   >
     <slot />

src/components/Footer.astro

@@ -1,5 +1,5 @@
 <footer class="w-full text-center">
-  <p class="text-xs text-zinc-600 dark:text-zinc-400">
+  <p class="text-xs text-zinc-400">
     &copy; {new Date().getFullYear()} Dhemas Nurjaya. All rights reserved.
   </p>
 </footer>

src/components/Header.astro

@@ -2,7 +2,7 @@
 import NavLink from "@/components/NavLink.astro";
 ---
 
-<header class="text-black dark:text-white w-full">
+<header class="w-full">
   <nav class="flex flex-row justify-between" aria-label="Main navigation">
     <div class="flex gap-2 items-center">
       <a href="/" aria-label="Home">