Refactor blog structure and content management

- Removed the old hello-world post and replaced it with a new documentation structure.
- Updated main layout to include meta description support.
- Refactored post layout to utilize new content collections and rendering methods.
- Deleted outdated post and index pages, replacing them with a new dynamic routing structure for posts.
- Implemented a new content configuration file for managing post and documentation collections.
- Added a new compilation principle post with detailed notes and structured content.
- Enhanced TypeScript configuration for better path resolution.

Author: Robert-Stackflow

astro.config.mjs

@@ -1,15 +1,30 @@
 import { defineConfig } from "astro/config";
+import mdx from "@astrojs/mdx";
 import remarkMath from "remark-math";
 import rehypeKatex from "rehype-katex";
 import remarkToc from "remark-toc";
+import rehypePresetMinify from 'rehype-preset-minify';
 import { rehypeAccessibleEmojis } from "rehype-accessible-emojis";
 
 import tailwind from "@astrojs/tailwind";
 
-// https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind()],
+  integrations: [
+    tailwind(),
+    mdx({
+      syntaxHighlight: "shiki",
+      shikiConfig: { theme: "dracula" },
+      remarkPlugins: [remarkToc],
+      rehypePlugins: [rehypePresetMinify],
+      remarkRehype: { footnoteLabel: "Footnotes" },
+      gfm: false,
+    }),
+  ],
   markdown: {
+    layouts: {
+      "src/content/**/*.md": "src/layouts/post.astro",
+      "src/pages/**/*.mdx": "src/layouts/post.astro",
+    },
     remarkPlugins: [remarkMath, [remarkToc, { heading: "toc", maxDepth: 5 }]],
     rehypePlugins: [rehypeKatex, rehypeAccessibleEmojis],
   },