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/types/global.d.ts

@@ -1,3 +1,11 @@
+import type { AttributifyAttributes } from '@unocss/preset-attributify'
+
+declare global {
+  namespace astroHTML.JSX {
+    interface HTMLAttributes extends AttributifyAttributes {}
+  }
+}
+
 declare global {
   interface Document {
     startViewTransition: (callback: () => void) => void

src/types/index.d.ts

@@ -17,11 +17,13 @@ export interface ThemeConfig {
       primary: string
       secondary: string
       background: string
+      codeTheme: string
     }
     dark: {
       primary: string
       secondary: string
       background: string
+      codeTheme: string
     }
   }