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/ExpandableListItemNote.tsx

@@ -1,32 +1,30 @@
+import { Typography } from '@mui/material'
+import ListItemButton from '@mui/material/ListItemButton'
 import { ReactElement, ReactNode } from 'react'
-import { makeStyles, Theme, createStyles } from '@material-ui/core/styles'
-import { Typography } from '@material-ui/core'
-import ListItem from '@material-ui/core/ListItem'
+import { makeStyles } from 'tss-react/mui'
 
-const useStyles = makeStyles((theme: Theme) =>
-  createStyles({
-    header: {
-      backgroundColor: '#F7F7F7',
-      marginBottom: theme.spacing(0.25),
-    },
-    typography: {
-      color: '#242424',
-    },
-  }),
-)
+const useStyles = makeStyles()(theme => ({
+  header: {
+    backgroundColor: '#F7F7F7',
+    marginBottom: theme.spacing(0.25),
+  },
+  typography: {
+    color: '#242424',
+  },
+}))
 
 interface Props {
   children?: ReactNode | ReactNode[]
 }
 
 export default function ExpandableListItemNote({ children }: Props): ReactElement | null {
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   return (
-    <ListItem className={classes.header}>
+    <ListItemButton className={classes.header}>
       <Typography variant="body1" className={classes.typography}>
         {children}
       </Typography>
-    </ListItem>
+    </ListItemButton>
   )
 }