feat(tooltip): add flip and adjust distance from reference element (#807)

Author: igorwessel

packages/core/src/components/tooltip/tooltip.tsx

@@ -109,10 +109,17 @@ export class AtomTooltip {
     this._popperInstance = createPopper(selector, this.el, {
       placement: this.placement,
       modifiers: [
+        {
+          name: 'flip',
+          options: {
+            fallbackPlacements: ['top', 'bottom', 'right', 'left'],
+          },
+        },
         {
           name: 'offset',
           options: {
-            offset: [0, 4],
+            // 4px from visible distance + 3px from arrow square range (negative value) from SCSS.
+            offset: [0, 7],
           },
         },
       ],