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/app/page.tsx

@@ -1,9 +1,10 @@
+import BlogList from "@/components/BlogList";
 import NeoFetch from "@/components/NeoFetch";
 import Projects from "@/components/Projects";
 import TimelineComponent from "@/components/timeline";
 import Top from "@/components/Top";
 
-export default function Home() {
+export default async function BlogIndex() {
   return (
     <main className="min-h-screen">
       <Top />
@@ -17,10 +18,14 @@ export default function Home() {
           <p>최근에는 정보보안 분야 중 <strong>웹 해킹</strong>에 관심이 많습니다.</p>
           <br />
           <p>대표적인 프로젝트들은 아래와 같습니다.</p>
+          <br />
           <Projects />
         </div>
 
         <TimelineComponent />
+        <div className="px-12 mt-8 w-full lg:w-2/3 xl:w-1/2">
+          <BlogList />
+        </div>
       </section>
     </main>
   );