Migrate blog to MDX and update index page with blog card

Author: ProKil

astro.config.mjs

@@ -1,23 +1,25 @@
-import { defineConfig } from 'astro/config';
-import react from '@astrojs/react';
-import tailwind from '@astrojs/tailwind';
+import { defineConfig } from "astro/config";
+import react from "@astrojs/react";
+import tailwind from "@astrojs/tailwind";
+import mdx from "@astrojs/mdx";
 
 export default defineConfig({
-  site: 'https://cooperbench.com',
-  output: 'static',
+  site: "https://cooperbench.com",
+  output: "static",
   build: {
-    format: 'file',
+    format: "file",
   },
   integrations: [
     react(),
     tailwind({
       applyBaseStyles: false,
     }),
+    mdx(),
   ],
   vite: {
     resolve: {
       alias: {
-        '@': '/src',
+        "@": "/src",
       },
     },
   },