feat: automate availability and fix KLZ showcase 404s

apps/web/app/(site)/globals.css

@@ -78,6 +78,28 @@
     box-shadow: none !important;
   }
 
+  /* Interactive elements pointer */
+  a,
+  button,
+  [role="button"],
+  input[type="button"],
+  input[type="submit"],
+  input[type="reset"],
+  select,
+  summary,
+  label[for] {
+    cursor: pointer;
+  }
+
+  /* Ensure disabled elements don't show pointer */
+  button:disabled,
+  [role="button"]:disabled,
+  input:disabled,
+  select:disabled,
+  button[disabled] {
+    cursor: not-allowed;
+  }
+
   /* Remove default tap highlight on mobile */
   * {
     -webkit-tap-highlight-color: transparent !important;

apps/web/app/(site)/page.tsx

@@ -26,6 +26,7 @@ import { HeroSection } from "@/src/components/HeroSection";
 import { GlitchText } from "@/src/components/GlitchText";
 import { Marker } from "@/src/components/Marker";
 import { PenCircle } from "@/src/components/PenCircle";
+import { Availability } from "@/src/components/Availability";
 
 export default function LandingPage() {
   return (
@@ -313,7 +314,7 @@ export default function LandingPage() {
                   </div>
                   <BodyText className="text-sm md:text-base leading-snug">
                     Aktuell nehme ich Projekte für{" "}
-                    <span className="font-bold text-slate-900">Q2 2026</span>{" "}
+                    <span className="font-bold text-slate-900"><Availability /></span>{" "}
                     an.
                   </BodyText>
                 </div>