chore: update dependencies, enhance theme configuration, and improve layout structure

- Bump versions of several dependencies including @astrojs/mdx, astro, and vite.
- Refactor theme configuration to include code themes for light and dark modes.
- Update layout structure for better responsiveness and clarity.
- Enable JavaScript in TypeScript configuration for broader compatibility.
- Add new font styles and improve font-face definitions.
- Clean up unused imports and commented-out code in index.astro.
- Introduce global type definitions for Attributify attributes in JSX.

src/pages/index.astro

@@ -1,13 +1,13 @@
 ---
 import Layout from '@/layouts/Layout.astro'
-import { getPinnedPosts, getPosts } from '@/utils/content.config'
+// import { getPinnedPosts, getPosts } from '@/utils/content.config'
 
-const posts = await getPosts()
-const pinnedPosts = await getPinnedPosts()
+// const posts = await getPosts()
+// const pinnedPosts = await getPinnedPosts()
 ---
 
 <Layout>
-  <main>
+  <!-- <main>
     {pinnedPosts.length > 0 && (
       <section>
         <ul>
@@ -35,5 +35,5 @@ const pinnedPosts = await getPinnedPosts()
         ))}
       </ul>
     </section>
-  </main>
+  </main> -->
 </Layout>