feat: automate availability and fix KLZ showcase 404s

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>