chore: update dependencies and enhance theme configuration

- Bump versions of several dependencies in package.json and pnpm-lock.yaml, including astro (5.1.9), @types/node (22.10.10), and lint-staged (15.4.2).
- Introduce new Header, Footer, and Navigation components for improved layout structure.
- Update theme configuration to clarify supported font styles and title spacing options.
- Refactor theme toggle button for better accessibility and visual consistency.
- Minor adjustments to CSS for improved button scaling effects and layout responsiveness.

src/components/Header.astro

@@ -0,0 +1,30 @@
+---
+import themeConfig from '@/config'
+
+const { title, subtitle } = themeConfig.site
+const { titleSpace = 2 } = themeConfig.global
+
+const marginClass = {
+  1: 'mb-1',
+  2: 'mb-2',
+  3: 'mb-3',
+  4: 'mb-4',
+}[titleSpace] || 'mb-3'
+---
+
+<header>
+  <h1
+    class={`${marginClass} mt--1.6 text-12 c-primary font-bold font-title`}
+    aria-label="Title Tag"
+  >
+    <a href="/">
+      {title}
+    </a>
+  </h1>
+  <h3
+    class="text-5.6 c-primary font-navbar opacity-50"
+    aria-label="Meta Description"
+  >
+    {subtitle}
+  </h3>
+</header>