Setup docker for production and development

Change ./init.sh to be an executable then run it.

The default inner container ports are as followed:
- Postgres: 5432:5432
- Backend: 3001:3000
- Frontend: 3000:3000

- Frontend dev: 8000

The backend image needs to be built:

docker compose up -d --build

frontend/app/(main)/history/[slug]/page.tsx

@@ -0,0 +1,31 @@
+"use server";
+
+import { BlogInterface, posts } from "@/components/blog";
+import BlogItem, { BlogItemParams } from "@/components/blogItem";
+
+export default async function HistoryDetails({
+	params,
+}: {
+	params: Promise<{ slug: string }>;
+}) {
+	const { slug } = await params;
+
+	const blog_item: BlogInterface = posts.find(
+		(value) => value.slug == slug,
+	) as BlogInterface;
+
+	const blog_item_params: BlogItemParams = {
+		slug: slug,
+		title_style:
+			"py-12 mb-3 text-pretty text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6 lg:max-w-3xl lg:text-3xl",
+		subtitle_style:
+			"py-12 mb-3 text-pretty text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6 lg:max-w-3xl lg:text-3xl",
+		p_style:
+			"blog-paragraph mb-5 text-muted-foreground md:text-base lg:max-w-2xl lg:text-lg",
+		default_img:
+			"https://shadcnblocks.com/images/block/placeholder-dark-1.svg",
+		blog_content: blog_item,
+	};
+
+	return <BlogItem params={blog_item_params} />;
+}