Refactor Alert component to prevent nested interactive elements (#732)

Author: oyessb

packages/pxweb2-ui/src/lib/components/Alert/Alert.tsx

@@ -220,15 +220,12 @@ export function Alert({
           </div>
         )}
         {clickable && (
-          <div aria-live={ariaLive}>
-            <button
-              className={cl(classes['alert-arrow'])}
-              aria-label={clickButtonAriaLabel}
-              type="button"
-              tabIndex={-1}
-            >
-              <Icon iconName={iconRight} />
-            </button>
+          <div
+            aria-live={ariaLive}
+            className={cl(classes['alert-arrow'])}
+            aria-label={clickButtonAriaLabel}
+          >
+            <Icon iconName={iconRight} />
           </div>
         )}
       </div>