✨ feat: Implement blog post layout and page template

This commit introduces the layout and page components for the blog post feature.

The main changes include:

- Implement the `RootLayout` component in `app/blogpost/layout.tsx` to provide the overall structure and styling for the blog post pages.
- Implement the `PostPage` component in `app/blogpost/page.tsx` to display the content of a specific blog post, including the post title, metadata, and the post body (template).
- Add placeholder content and styling for the blog post page, including the use of the `Image` component to display a featured image.

These changes lay the foundation for the blog post feature, allowing users to view and interact with individual blog posts on the website.

app/blogpost/layout.tsx

@@ -0,0 +1,16 @@
+import "../globals.css";
+
+import Link from "next/link";
+import AnimatedLink from "@/components/animatedLink";
+import Image from "next/image";
+
+import MainHeader from "@/components/header/main";
+import MainFooter from "@/components/footer/main";
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="text-base">
+      {children}
+    </div>
+  );
+}