refactor: migrate contact form to TanStack Form

- Replace manual state management with @tanstack/react-form
- Add proper Field/FieldLabel components for accessibility
- Simplify server action (remove useActionState signature)
- Remove use-debounce dependency
- Update PGP key links and minor styling tweaks

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

app/contact/page.tsx

@@ -13,7 +13,7 @@ const Page = () => {
     <>
       <PageTitle canonical="/contact">Contact</PageTitle>
 
-      <div className="w-full md:mx-auto md:w-2/3">
+      <div className="mx-auto w-full max-w-2xl">
         <div className="prose prose-sm prose-neutral dark:prose-invert max-w-none">
           <p>
             Fill out this quick form and I&rsquo;ll get back to you as soon as I can! You can also{" "}
@@ -30,7 +30,7 @@ const Page = () => {
           <p>
             You can grab my public key here:{" "}
             <a
-              href="https://jrvs.io/pgp"
+              href="https://keyoxide.org/hkp/3bc6e5776bf379d36f6714802b0c9cf251e69a39"
               target="_blank"
               rel="noopener"
               title="3BC6 E577 6BF3 79D3 6F67 1480 2B0C 9CF2 51E6 9A39"

app/page.tsx

@@ -119,7 +119,7 @@ const Page = () => {
         </Link>{" "}
         <sup className="">
           <a
-            href="https://jrvs.io/pgp"
+            href="https://keyoxide.org/hkp/3bc6e5776bf379d36f6714802b0c9cf251e69a39"
             target="_blank"
             rel="noopener pgpkey"
             title="Download my PGP key"

app/projects/page.tsx

@@ -73,7 +73,7 @@ const Page = async () => {
                 href={repo!.url}
                 target="_blank"
                 rel="noopener noreferrer"
-                className="inline-block text-base leading-relaxed font-semibold"
+                className="inline-block text-base leading-relaxed font-semibold text-[#0969da] hover:underline dark:text-[#4493f8]"
               >
                 {repo!.name}
               </a>