feat: add MDX support and blog functionality

- Updated next.config.ts to include MDX support with new page extensions.
- Added dependencies for MDX in package.json.
- Refactored Home component to include BlogList.
- Adjusted layout and styling in Projects and Timeline components.
- Implemented dynamic blog post routing with generateStaticParams and BlogPost component.
- Created BlogLayout for consistent blog page structure.
- Added initial blog post in MDX format.
- Developed BlogList component to display a list of blog posts.
- Introduced blog utility functions to read and parse MDX files.

next.config.ts

@@ -1,8 +1,16 @@
 import type { NextConfig } from "next";
+import createMDX from '@next/mdx';
 const path = require('path')
 
+const withMDX = createMDX({
+  options: {
+    jsx: true,
+    jsxImportSource: '@mdx-js/react',
+  },
+})
+
 const nextConfig: NextConfig = {
-  /* config options here */
+  pageExtensions: ['ts', 'tsx', 'mdx'],
   allowedDevOrigins: ['imnyang.dev'],
   turbopack: {
     root: path.join(__dirname, '.'),
@@ -10,4 +18,4 @@ const nextConfig: NextConfig = {
   output: 'standalone',
 };
 
-export default nextConfig;
+export default withMDX(nextConfig);