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.

src/components/Projects.tsx

@@ -22,7 +22,7 @@ const projects = [
 
 export default function Projects() {
   return (
-    <section className="break-keep break-words w-full lg:w-1/2">
+    <section className="break-keep break-words w-full lg:w-2/3 xl:w-1/2">
       <div className="space-y-8">
         {projects.map((project, idx) => (
           <div className="space-y-2" key={idx}>