style(website): format React sample code and add missing img alt attributes

Format all 379 sample.tsx files with Prettier (printWidth: 80, tabWidth: 2)
for consistent multi-line JSX props, style objects, and indentation.
Add missing alt attributes to all img tags across samples.
Fix mismatched JSX tag in DynamicDateRange sample.
Fix imperative DOM mutation in BarcodeScannerDialog sample.

Author: ilhan007

packages/website/docs/_samples/ai/Button/ButtonMenu/sample.tsx

@@ -81,19 +81,32 @@ function App() {
     }
   }, [buttonState, startGeneration, stopGeneration]);
 
-  const handleMenuItemClick = useCallback((e: UI5CustomEvent<MenuClass, "item-click">) => {
-    if (e.detail.text === "Regenerate") {
-      setButtonState("generating");
-      startGeneration();
-    }
-  }, [startGeneration]);
+  const handleMenuItemClick = useCallback(
+    (e: UI5CustomEvent<MenuClass, "item-click">) => {
+      if (e.detail.text === "Regenerate") {
+        setButtonState("generating");
+        startGeneration();
+      }
+    },
+    [startGeneration],
+  );
 
   return (
     <>
-      <AIButton ref={buttonRef} id="myAiButton" state={buttonState} onClick={handleButtonClick}>
+      <AIButton
+        ref={buttonRef}
+        id="myAiButton"
+        state={buttonState}
+        onClick={handleButtonClick}
+      >
         <AIButtonState name="generate" text="Generate" icon="ai" />
         <AIButtonState name="generating" text="Stop Generating" icon="stop" />
-        <AIButtonState name="revise" text="Revise" icon="ai" endIcon="navigation-down-arrow" />
+        <AIButtonState
+          name="revise"
+          text="Revise"
+          icon="ai"
+          endIcon="navigation-down-arrow"
+        />
       </AIButton>
 
       <Menu ref={menuRef} id="menu" onItemClick={handleMenuItemClick}>

packages/website/docs/_samples/ai/Button/ButtonSplitMenu/sample.tsx

@@ -121,7 +121,12 @@ function App() {
       >
         <AIButtonState name="generate" text="Generate" icon="ai" />
         <AIButtonState name="generating" text="Stop Generating" icon="stop" />
-        <AIButtonState name="regenerate" text="Regenerate" icon="ai" showArrowButton={true} />
+        <AIButtonState
+          name="regenerate"
+          text="Regenerate"
+          icon="ai"
+          showArrowButton={true}
+        />
       </AIButton>
 
       <Menu

packages/website/docs/_samples/ai/Button/IconOnlyButton/sample.tsx

@@ -64,19 +64,31 @@ function App() {
     }
   }, [buttonState, startGeneration, stopGeneration]);
 
-  const handleMenuItemClick = useCallback((e: UI5CustomEvent<MenuClass, "item-click">) => {
-    if (e.detail.text === "Regenerate") {
-      setButtonState("generating");
-      startGeneration();
-    }
-  }, [startGeneration]);
+  const handleMenuItemClick = useCallback(
+    (e: UI5CustomEvent<MenuClass, "item-click">) => {
+      if (e.detail.text === "Regenerate") {
+        setButtonState("generating");
+        startGeneration();
+      }
+    },
+    [startGeneration],
+  );
 
   return (
     <>
-      <AIButton ref={buttonRef} id="myAiButtonIconOnly" state={buttonState} onClick={handleButtonClick}>
+      <AIButton
+        ref={buttonRef}
+        id="myAiButtonIconOnly"
+        state={buttonState}
+        onClick={handleButtonClick}
+      >
         <AIButtonState name="generate" icon="ai" />
         <AIButtonState name="generating" icon="stop" />
-        <AIButtonState name="revise" icon="ai" endIcon="navigation-down-arrow" />
+        <AIButtonState
+          name="revise"
+          icon="ai"
+          endIcon="navigation-down-arrow"
+        />
       </AIButton>
 
       <Menu ref={menuRef} id="menu" onItemClick={handleMenuItemClick}>