fix(web): Do not use immediately-invoked function expressions

Do not use immediately-invoked function expressions in JSX. IIFEs will not be optimized by React Compiler  @eslint-react/unsupported-syntax

Author: fliiiix

web/src/components/DocumentControlButtons.tsx

@@ -98,10 +98,12 @@ export default function DocumentControlButtons(props: Props): React.JSX.Element
               <div className={styles['share-modal-copy-container']}>
                 <button
                   className={styles['share-modal-copy']}
-                  onClick={() => {
-                    void (async () => {
-                      await navigator.clipboard.writeText(props.getShareUrl({ useLatest: shareModalUseLatest, hideUi: shareModalHideUi }))
-                    })()
+                  onClick={async () => {
+                    const url = props.getShareUrl({
+                      useLatest: shareModalUseLatest,
+                      hideUi: shareModalHideUi
+                    });
+                    await navigator.clipboard.writeText(url);
                   }}
                 >
                   Copy

web/src/pages/Claim.tsx

@@ -97,12 +97,12 @@ export default function Claim(): JSX.Element {
         <button
           type="submit"
           disabled={token !== ''}
-          onClick={() => {
-            ;(async () => {
-              await claim()
-            })().catch((e) => {
-              console.error(e)
-            })
+          onClick={async () => {
+            try {
+              await claim();
+            } catch (e) {
+              console.error(e);
+            }
           }}
         >
           Claim