feat: sync and update with all changes from fork (#720)

* feat: sync and update with all changes from fork
* refactor: extract clipboard copy logic into custom hook
* fix: correct spelling of DEFAULT_REFRESH_FREQUENCY_MS in Stamps and WalletBalance providers
* refactor(ui-tests): replace fixed sleeps with condition-based waits
* fix: handle null values for size and granteeCount in infoGroups
* fix(lint): add newline at end of file in useClipboardCopy hook
* fix(ui-tests): page.goto URL
* refactor: update import paths for useClipboardCopy

---------

Co-authored-by: Ferenc Sárai <sarai.ferenc@gmail.com>

src/components/ClipboardCopy.tsx

@@ -1,8 +1,7 @@
-import type { ReactElement } from 'react'
-import IconButton from '@material-ui/core/IconButton'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
-import Clipboard from 'remixicon-react/ClipboardLineIcon'
+import IconButton from '@mui/material/IconButton'
 import { useSnackbar } from 'notistack'
+import type { ReactElement } from 'react'
+import Clipboard from 'remixicon-react/ClipboardLineIcon'
 
 interface Props {
   value: string
@@ -10,14 +9,20 @@ interface Props {
 
 export default function ClipboardCopy({ value }: Props): ReactElement {
   const { enqueueSnackbar } = useSnackbar()
-  const handleCopy = () => enqueueSnackbar(`Copied: ${value}`, { variant: 'success' })
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(value)
+      enqueueSnackbar(`Copied: ${value}`, { variant: 'success' })
+    } catch {
+      enqueueSnackbar('Failed to copy to clipboard', { variant: 'error' })
+    }
+  }
 
   return (
     <div style={{ marginRight: '3px', marginLeft: '3px' }}>
       <IconButton color="primary" size="small" onClick={handleCopy}>
-        <CopyToClipboard text={value}>
-          <Clipboard style={{ height: '20px' }} />
-        </CopyToClipboard>
+        <Clipboard style={{ height: '20px' }} />
       </IconButton>
     </div>
   )