feat: enhance components and layouts

- fix: prevent code components from growing width during animation
- feat: enforce 100% width on browser frames (CodeWindow)
- feat: remove "Zurück" links project-wide from PageHeader
- feat: enable imgproxy face detection support for about page avatar

apps/web/app/about/page.tsx

@@ -30,6 +30,7 @@ import {
   CodeSnippet,
   AbstractCircuit,
 } from "../../src/components/Effects";
+import { getImgproxyUrl } from "../../src/utils/imgproxy";
 import { Marker } from "../../src/components/Marker";
 
 export default function AboutPage() {
@@ -49,11 +50,15 @@ export default function AboutPage() {
 
                 <div className="relative w-40 h-40 rounded-full overflow-hidden border border-slate-200 shadow-xl bg-white p-1 group">
                   <div className="w-full h-full rounded-full overflow-hidden relative aspect-square">
-                    <Image
-                      src="/marc-mintel.png"
+                    <img
+                      src={getImgproxyUrl("/marc-mintel.png", {
+                        width: 400,
+                        height: 400,
+                        resizing_type: "fill",
+                        gravity: "sm",
+                      })}
                       alt="Marc Mintel"
-                      fill
-                      className="object-cover grayscale transition-all duration-1000 ease-in-out scale-110 group-hover:scale-100 group-hover:grayscale-0"
+                      className="object-cover grayscale transition-all duration-1000 ease-in-out scale-110 group-hover:scale-100 group-hover:grayscale-0 w-full h-full"
                     />
                   </div>
                 </div>
@@ -77,7 +82,6 @@ export default function AboutPage() {
                   </>
                 }
                 description="15 Jahre Erfahrung. Ein Ziel: Websites, die ihre Versprechen halten."
-                backLink={{ href: "/", label: "Zurück" }}
                 className="pt-0 md:pt-0"
               />
             </div>

apps/web/app/blog/[slug]/page.tsx

@@ -44,7 +44,6 @@ export default async function BlogPostPage({
         variant="blog"
         title={post.title}
         description={post.description}
-        backLink={{ href: "/blog", label: "Zurück zum Blog" }}
         backgroundSymbol={slug.charAt(0).toUpperCase()}
       />
 

apps/web/app/case-studies/page.tsx

@@ -22,7 +22,6 @@ export default function CaseStudiesPage() {
           </>
         }
         description="Ergebnisse statt Versprechen. Was ich gebaut habe und was es bewirkt."
-        backLink={{ href: "/", label: "Zurück" }}
         backgroundSymbol="C"
       />
 

apps/web/app/contact/page.tsx

@@ -18,7 +18,6 @@ export default function ContactPage() {
           </>
         }
         description="Beschreiben Sie kurz Ihr Vorhaben. Ich melde mich zeitnah bei Ihnen."
-        backLink={{ href: "/", label: "Zurück" }}
         backgroundSymbol="@"
       />
 

apps/web/app/websites/page.tsx

@@ -45,7 +45,6 @@ export default function WebsitesPage() {
           </>
         }
         description="Kein Baukasten. Kein Plugin-Chaos. Maßgeschneiderte Architektur für maximale Performance."
-        backLink={{ href: "/", label: "Zurück" }}
         backgroundSymbol="W"
       />