refactor: Replace react-bootstrap tooltips with Antd tooltips (#11737)

* Refactor tooltip in ColumnElement

* Refactor tooltip for Button 

* Remove redundant import

* Refactor tooltip in SqlEditor

* Increase line height in tooltip so that the text is centered

* Refactor tooltip in Link

* Refactor tooltip in AdhocMetricEditPopoverTitle

* Refactor tooltip from ControlHeader

* Refactor tooltip in DateFilterControl

* Refactor tooltip in VizTypeControl

* fixup! Refactor tooltip in AdhocMetricEditPopoverTitle

* Refactor tooltip in QueryAndSaveBtns

* fixup! Refactor tooltip in DateFilterControl

* Refactor tooltip in CopyToClipboard, fix cursor pointer

* Refactor tooltip in TooltipWrapper

* Refactor tooltip in Field/DatasourceEditor

* Remove redundant import

* Fix typing for placement prop

* Decrease margin in ColumnElement divider

* Change default export to named

* Move SqlLab Tooltip styles to Emotion

* Fix tests

superset-frontend/src/explore/components/QueryAndSaveBtns.jsx

@@ -18,9 +18,10 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ButtonGroup, OverlayTrigger, Tooltip } from 'react-bootstrap';
+import { ButtonGroup } from 'react-bootstrap';
 import { t, styled } from '@superset-ui/core';
 
+import { Tooltip } from 'src/common/components/Tooltip';
 import Button from 'src/components/Button';
 import Hotkeys from '../../components/Hotkeys';
 
@@ -123,14 +124,13 @@ export default function QueryAndSaveBtns({
         {errorMessage && (
           <span>
             {' '}
-            <OverlayTrigger
+            <Tooltip
+              id="query-error-tooltip"
               placement="right"
-              overlay={
-                <Tooltip id="query-error-tooltip">{errorMessage}</Tooltip>
-              }
+              title={errorMessage}
             >
               <i className="fa fa-exclamation-circle text-danger fa-lg" />
-            </OverlayTrigger>
+            </Tooltip>
           </span>
         )}
       </div>