feat(contact): add multilingual contact pages and dynamic configurations

- Created `src/pages/contact.astro` and `src/pages/zh/contact.astro` to support multilingual contact functionality.
- Introduced `contactIntents` and `contactMethods` dynamic configurations in `src/lib/data/contact.ts` for streamlined content management.
- Designed responsive and localized layouts with enhanced UX for both languages.

src/components/GlassHeader.tsx

@@ -5,7 +5,7 @@ import Container from "./ui/Container.tsx";
 import { useTranslations, getLocalizedPath } from "@/i18n/utils";
 import type { Lang } from "@/types/i18n";
 import { useState, useEffect } from "react";
-import { Menu, X, Home, Rocket, PenTool, Zap, Briefcase, User } from "lucide-react";
+import { Menu, X, Home, Rocket, PenTool, Zap, User, Wrench, Mail } from "lucide-react";
 import { defaultLang } from "@/i18n/ui";
 import { type GlassHeaderProps } from "@/types";
 import { motion } from "framer-motion";
@@ -40,11 +40,12 @@ export default function GlassHeader({ lang: propLang }: GlassHeaderProps) {
 
   const navItems = [
     { key: 'nav.home', icon: Home, href: getLocalizedPath('/', lang) },
+    { key: 'nav.about', icon: User, href: getLocalizedPath('/about', lang) },
     { key: 'nav.projects', icon: Rocket, href: getLocalizedPath('/projects', lang) },
     { key: 'nav.blog', icon: PenTool, href: getLocalizedPath('/blog', lang) },
     { key: 'nav.now', icon: Zap, href: getLocalizedPath('/now', lang) },
-    { key: 'nav.hire', icon: Briefcase, href: getLocalizedPath('/hire', lang) },
-    { key: 'nav.about', icon: User, href: getLocalizedPath('/about', lang) },
+    { key: 'nav.uses', icon: Wrench, href: getLocalizedPath('/uses', lang) },
+    { key: 'nav.contact', icon: Mail, href: getLocalizedPath('/contact', lang) },
   ];
 
   const isActive = (path: string) => {