chore(docs): refresh product screenshots (#7192)

* chore(docs): refresh product screenshots

* fix(docs): align HubSpot image dimensions

Author: waleedlatif1

apps/docs/content/docs/de/blocks/agent.mdx

@@ -13,7 +13,7 @@ Der Agent-Block verbindet deinen Workflow mit Large Language Models (LLMs). Er v
     src="/static/blocks/agent.png"
     alt="Agent-Block-Konfiguration"
     width={500}
-    height={400}
+    height={450}
     className="my-6"
   />
 </div> 

apps/docs/content/docs/de/blocks/api.mdx

@@ -13,7 +13,7 @@ Der API-Block verbindet Ihren Workflow mit externen Diensten durch HTTP-Anfragen
     src="/static/blocks/api.png"
     alt="API-Block"
     width={500}
-    height={400}
+    height={422}
     className="my-6"
   />
 </div>

apps/docs/content/docs/de/blocks/condition.mdx

@@ -13,7 +13,7 @@ Der Bedingungsblock verzweigt die Workflow-Ausführung basierend auf booleschen
     src="/static/blocks/condition.png"
     alt="Bedingungsblock"
     width={500}
-    height={400}
+    height={317}
     className="my-6"
   />
 </div>

apps/docs/content/docs/de/blocks/evaluator.mdx

@@ -13,7 +13,7 @@ Der Evaluator-Block nutzt KI, um die Inhaltsqualität anhand benutzerdefinierter
     src="/static/blocks/evaluator.png"
     alt="Evaluator-Block-Konfiguration"
     width={500}
-    height={400}
+    height={337}
     className="my-6"
   />
 </div>

apps/docs/content/docs/de/blocks/function.mdx

@@ -11,7 +11,7 @@ Der Funktionsblock führt benutzerdefinierten JavaScript- oder TypeScript-Code i
     src="/static/blocks/function.png"
     alt="Funktionsblock mit Code-Editor"
     width={500}
-    height={400}
+    height={287}
     className="my-6"
   />
 </div>

apps/docs/content/docs/de/blocks/guardrails.mdx

@@ -13,7 +13,7 @@ Der Guardrails-Block validiert und schützt Ihre KI-Workflows, indem er Inhalte
     src="/static/blocks/guardrails.png"
     alt="Guardrails-Block"
     width={500}
-    height={400}
+    height={398}
     className="my-6"
   />
 </div>
@@ -90,7 +90,7 @@ Erkennt personenbezogene Daten mithilfe von Microsoft Presidio. Unterstützt üb
     src="/static/blocks/guardrails-2.png"
     alt="PII-Erkennungskonfiguration"
     width={700}
-    height={450}
+    height={335}
     className="my-6"
   />
 </div>

apps/docs/content/docs/de/blocks/human-in-the-loop.mdx

@@ -14,7 +14,7 @@ Der Human in the Loop Block pausiert die Workflow-Ausführung und wartet auf men
     src="/static/blocks/hitl-1.png"
     alt="Human in the Loop Block Konfiguration"
     width={500}
-    height={400}
+    height={355}
     className="my-6"
   />
 </div>
@@ -26,7 +26,7 @@ Wenn die Ausführung diesen Block erreicht, pausiert der Workflow auf unbestimmt
     src="/static/blocks/hitl-2.png"
     alt="Human in the Loop Genehmigungsportal"
     width={700}
-    height={500}
+    height={467}
     className="my-6"
   />
 </div>

apps/docs/content/docs/de/blocks/loop.mdx

@@ -27,7 +27,7 @@ Wähle zwischen vier Arten von Schleifen:
         src="/static/blocks/loop-1.png"
         alt="For-Schleife mit Iterationen"
         width={500}
-        height={400}
+        height={267}
         className="my-6"
       />
     </div>
@@ -53,7 +53,7 @@ Wähle zwischen vier Arten von Schleifen:
         src="/static/blocks/loop-2.png"
         alt="ForEach-Schleife mit Sammlung"
         width={500}
-        height={400}
+        height={273}
         className="my-6"
       />
     </div>
@@ -77,7 +77,7 @@ Wähle zwischen vier Arten von Schleifen:
         src="/static/blocks/loop-3.png"
         alt="While-Schleife mit Bedingung"
         width={500}
-        height={400}
+        height={213}
         className="my-6"
       />
     </div>
@@ -102,7 +102,7 @@ Wähle zwischen vier Arten von Schleifen:
         src="/static/blocks/loop-4.png"
         alt="Do-While-Schleife mit Bedingung"
         width={500}
-        height={400}
+        height={210}
         className="my-6"
       />
     </div>

apps/docs/content/docs/de/blocks/parallel.mdx

@@ -27,7 +27,7 @@ Wählen Sie zwischen zwei Arten der parallelen Ausführung:
         src="/static/blocks/parallel-1.png"
         alt="Anzahlbasierte parallele Ausführung"
         width={500}
-        height={400}
+        height={231}
         className="my-6"
       />
     </div>
@@ -56,7 +56,7 @@ const results = await blocks.parallel({
         src="/static/blocks/parallel-2.png"
         alt="Sammlungsbasierte parallele Ausführung"
         width={500}
-        height={400}
+        height={220}
         className="my-6"
       />
     </div>

apps/docs/content/docs/de/blocks/response.mdx

@@ -13,7 +13,7 @@ Der Response-Block formatiert und sendet strukturierte HTTP-Antworten zurück an
     src="/static/blocks/response.png"
     alt="Konfiguration des Antwort-Blocks"
     width={500}
-    height={400}
+    height={382}
     className="my-6"
   />
 </div>