post sorting and date fixes

src/components/BlogHeader.astro

@@ -1,5 +1,6 @@
 ---
-import { format } from "date-fns-tz";
+import { format, add } from "date-fns";
+import FormattedDate from "@components/FormattedDate.astro";
 
 interface Props {
   title: String;
@@ -12,6 +13,6 @@ const { title, date } = Astro.props;
 <div class="blog-header">
   <h2>{title}</h2>
   <h3 style={{ fontSize: "1.1rem" }}>
-    {`🗓️ ${format(new Date(date), "MMM do, y")}`}
+    🗓️ <FormattedDate date={date} />
   </h3>
 </div>

src/components/FormattedDate.astro

@@ -0,0 +1,11 @@
+---
+import { format, add } from "date-fns";
+
+interface Props {
+  date: String;
+}
+
+const { date } = Astro.props;
+---
+
+<span>{format(add(new Date(date), { hours: 6 }), "MMM do, y")}</span>