do react types more better too 🧠

app/notes/page.tsx

@@ -1,13 +1,11 @@
 import { env } from "@/lib/env";
 import { EyeIcon } from "lucide-react";
 import Link from "@/components/link";
-import { getFrontMatter, POSTS_DIR } from "@/lib/posts";
+import { getFrontMatter, POSTS_DIR, type FrontMatter } from "@/lib/posts";
 import { createMetadata } from "@/lib/metadata";
 import { formatDate, formatDateISO } from "@/lib/date";
 import authorConfig from "@/lib/config/author";
 import { getViews } from "@/lib/views";
-import type { ReactElement } from "react";
-import type { FrontMatter } from "@/lib/posts";
 
 export const revalidate = 300; // 5 minutes
 
@@ -33,7 +31,7 @@ const Page = async () => {
     });
   });
 
-  const sections: ReactElement[] = [];
+  const sections: React.ReactNode[] = [];
 
   Object.entries(postsByYear).forEach(([year, posts]) => {
     sections.push(

app/zip/page.mdx

@@ -16,7 +16,7 @@ export const Terminal = () => (
       backgroundImage: `url(${backgroundImg.src})`,
     }}
   >
-    <code className="border-ring block rounded-lg border border-solid bg-black/60 p-4 text-sm break-all text-white/90 backdrop-blur-xs backdrop-saturate-150">
+    <code className="border-ring block rounded-lg border border-solid bg-black/60 p-4 text-sm break-all text-white/90 backdrop-blur-sm backdrop-saturate-150">
       <span style={{ color: "#f95757" }}>sundar</span>@<span style={{ color: "#3b9dd2" }}>google</span>:
       <span style={{ color: "#78df55" }}>~</span>$ <span style={{ color: "#d588fb" }}>mv</span> /root
       <a href="https://killedbygoogle.com/" style={{ color: "inherit" }} className="hover:no-underline">