[web] Allow copying the link

Summary:
Call clipboard copy API just like in other places on web. The discussion about operation feedback is still in progress https://www.figma.com/file/a1nkbWgbgjRlrOY9LVurTz?node-id=11400:282507#473816740.

Depends on D8238

Test Plan: Click copy button and check if the link is in the clipboard.

Reviewers: bartek, kamil, inka

Reviewed By: kamil

Subscribers: ashoat

Differential Revision: https://phab.comm.dev/D8239

web/invite-links/view-invite-link-modal.react.js

@@ -26,6 +26,11 @@ function ViewInviteLinkModal(props: Props): React.Node {
   const resolvedThreadInfo = useResolvedThreadInfo(threadInfo);
   const { popModal } = useModalContext();
 
+  const url = inviteLinkUrl(inviteLink.name);
+  const copyLink = React.useCallback(() => {
+    navigator.clipboard.writeText(url);
+  }, [url]);
+
   return (
     <Modal
       name={`Invite people to ${resolvedThreadInfo.uiName}`}
@@ -38,8 +43,8 @@ function ViewInviteLinkModal(props: Props): React.Node {
         </div>
         <div className={css.sectionHeader}>Public link</div>
         <div className={css.linkContainer}>
-          <div className={css.linkUrl}>{inviteLinkUrl(inviteLink.name)}</div>
-          <Button className={css.linkCopyButton}>
+          <div className={css.linkUrl}>{url}</div>
+          <Button className={css.linkCopyButton} onClick={copyLink}>
             <SWMansionIcon icon="link" size={24} />
             Copy
           </Button>