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

@@ -1,23 +1,21 @@
-import { createStyles, makeStyles, Theme } from '@material-ui/core'
 import { ReactElement } from 'react'
+import { makeStyles } from 'tss-react/mui'
 
 interface Props {
   children: string
   prettify?: boolean
 }
 
-const useStyles = makeStyles((theme: Theme) =>
-  createStyles({
-    wrapper: {
-      overflow: 'scroll',
-      background: '#ffffff',
-    },
-    pre: {
-      maxHeight: '6em',
-      padding: theme.spacing(2),
-    },
-  }),
-)
+const useStyles = makeStyles()(theme => ({
+  wrapper: {
+    overflow: 'scroll',
+    background: '#ffffff',
+  },
+  pre: {
+    maxHeight: '6em',
+    padding: theme.spacing(2),
+  },
+}))
 
 function prettifyString(string: string): string {
   try {
@@ -28,7 +26,7 @@ function prettifyString(string: string): string {
 }
 
 export function Code({ children, prettify }: Props): ReactElement {
-  const classes = useStyles()
+  const { classes } = useStyles()
 
   return (
     <div className={classes.wrapper}>