feat: design-system upgrade + brand to 'Mr Hoelee'

- Extract CSS into src/styles/global.css with design tokens (hoelee.com brand palette)
- Self-hosted Inter + JetBrains Mono via @fontsource
- Sticky nav + manual light/dark toggle + copy-button code blocks
- Author card + Person JSON-LD (E-E-A-T), article meta, related posts, reading time
- Full SEO: canonical, OG (with dims), twitter:card, favicon (all sizes), RSS + sitemap
- New /categories/ and /categories/[category]/ pages
- Add docs/ knowledge guides (content, design, seo, ops) + README index
- Brand name: hoelee.dev -> Mr Hoelee

src/pages/about.astro

@@ -1,23 +1,35 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
+import AuthorCard from '../components/AuthorCard.astro';
+import { SITE } from '../config';
 ---
 
-<BaseLayout title="About — hoelee.dev">
+<BaseLayout title="About — Mr Hoelee" description={`About ${SITE.author} (${SITE.handle}).`}>
   <h1>About</h1>
   <p>
-    I'm Hoelee, a full-stack developer and DevOps engineer based in Malaysia.
-    I build web applications (PHP/CodeIgniter, Java/Spring, JavaScript/TypeScript/React),
-    self-host a ~140-container homelab, and run a small email-hosting business
-    for Malaysian SMEs.
+    I'm {SITE.author} ({SITE.handle}), a full-stack developer and DevOps engineer
+    based in Malaysia. I build web applications — PHP/CodeIgniter, Java/Spring,
+    JavaScript/TypeScript/React — and self-host a ~140-container homelab
+    (Docker, Traefik, nginx, Cloudflare tunnels) that runs my own email-hosting
+    business for Malaysian SMEs.
   </p>
   <p>
-    This blog is where I document what I build — from self-hosted CI/CD and
-    Docker orchestration to Web3 experiments and AI automation. If you're a
-    recruiter or a fellow builder, the posts here are my living portfolio.
+    This blog is my living portfolio: I document what I build, from self-hosted
+    CI/CD and Docker orchestration to Web3 experiments and AI automation. If
+    you're a recruiter, a client, or a fellow builder, the posts here are the
+    most honest picture of what I can do.
   </p>
+
+  <AuthorCard bio="Full-stack developer & DevOps engineer based in Malaysia. Open to remote / hybrid opportunities." />
+
+  <h2>Contact</h2>
   <p>
-    <a href="https://www.hoelee.com" target="_blank" rel="noopener">www.hoelee.com</a>
-    &middot;
-    <a href="https://git.hoelee.com/hoelee" target="_blank" rel="noopener">git.hoelee.com</a>
+    <a href={`mailto:${SITE.email}`}>{SITE.email}</a>
+    <span class="sep">·</span>
+    <a href={SITE.linkedin} target="_blank" rel="noopener">LinkedIn</a>
+    <span class="sep">·</span>
+    <a href={SITE.gitea} target="_blank" rel="noopener">git.hoelee.com</a>
+    <span class="sep">·</span>
+    <a href={SITE.website} target="_blank" rel="noopener">www.hoelee.com</a>
   </p>
 </BaseLayout>