Load mdx files, make navbar good

src/app/_components/post-header.tsx

@@ -18,13 +18,13 @@ export default function PostHeader({
 	return (
 		<>
 			<h1>{metadata.title}</h1>
-			<div className="mb-2">{metadata.date}</div>
-			<div className="mb-6">
+			<time dateTime={metadata.date}>{metadata.date}</time>
+			<div className="mb-6 flex gap-2">
 				{metadata.tags.map((tag) => {
 					return (
-						<span className="me-2 select-none rounded border border-dracula-pink px-2.5 py-1 text-sm dark:bg-dracula-bg-darker dark:text-dracula-pink">
-							{tag}
-						</span>
+						<div key={`${metadata.title}_tag_${tag}`}>
+							<div className="badge badge-soft badge-info">{tag}</div>
+						</div>
 					);
 				})}
 			</div>