feat: custom tooltip instead of browser tooltip

fix: remove default browser tooltip
fix: rename HelpTooltip into Tooltip
feat: allow custom tooltip element
fix: open cashout fudgefactor help tooltip on click
feat: edit and delete (editabletable) custom tooltip
feat: custom tooltip on single field editables
feat: SingleRowTable custom tooltip
feat: custom tooltip on modal close button
fix: operatorinfo custom tooltip
feat: confirmdialog custom close tooltip
fix: remove browser default tooltip from action buttons
fix: eslint

new-lamassu-admin/src/components/Modal.js

@@ -3,9 +3,11 @@ import classnames from 'classnames'
 import React from 'react'
 
 import { IconButton } from 'src/components/buttons'
-import { H1, H4 } from 'src/components/typography'
+import { H1, H4, P } from 'src/components/typography'
 import { ReactComponent as CloseIcon } from 'src/styling/icons/action/close/zodiac.svg'
 
+import Tooltip from './Tooltip'
+
 const styles = {
   modal: {
     display: 'flex',
@@ -74,12 +76,16 @@ const Modal = ({
         <Paper className={classnames(classes.wrapper, className)}>
           <div className={classes.header}>
             {title && <TitleCase className={classes.title}>{title}</TitleCase>}
-            <IconButton
-              size={closeSize}
+            <Tooltip
+              enableOver
               className={classes.button}
-              onClick={() => handleClose()}>
-              <CloseIcon />
-            </IconButton>
+              element={
+                <IconButton size={closeSize} onClick={() => handleClose()}>
+                  <CloseIcon />
+                </IconButton>
+              }>
+              <P>Close</P>
+            </Tooltip>
           </div>
           <div className={classes.content}>{children}</div>
         </Paper>