feat(tooltip) Create and move to our component (#13061)

Create Tooltip component
Fix Popover positioning calculations
Add margins to popover
Remove @atlaskit/tooltip
Update all components to use the new Tooltip component

Added tooltip actions and reducers for the following functionality: when a user hovers over an element is sees the tooltip for that element and then hovers another element that has a tooltip, instead of using the delay and animations we just unmount the current tooltip and mount the next one immediately

react/features/conference/components/web/SubjectText.tsx

@@ -5,9 +5,7 @@ import { makeStyles } from 'tss-react/mui';
 
 import { getConferenceName } from '../../../base/conference/functions';
 import { withPixelLineHeight } from '../../../base/styles/functions.web';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
-import { Tooltip } from '../../../base/tooltip';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
 
 const useStyles = makeStyles()(theme => {
     return {
@@ -44,13 +42,13 @@ const SubjectText = () => {
     const { classes } = useStyles();
 
     return (
-        <div className = { classes.container }>
-            <Tooltip
-                content = { subject }
-                position = 'bottom'>
+        <Tooltip
+            content = { subject }
+            position = 'bottom'>
+            <div className = { classes.container }>
                 <div className = { clsx('subject-text--content', classes.content) }>{subject}</div>
-            </Tooltip>
-        </div>
+            </div>
+        </Tooltip>
     );
 };