refactor(CPopover, CTooltip): update arrow configuration

Author: mrholek

packages/coreui-react/src/components/popover/CPopover.tsx

@@ -108,6 +108,12 @@ export const CPopover: FC<CPopoverProps> = ({
 
   const popperConfig = {
     modifiers: [
+      {
+        name: 'arrow',
+        options: {
+          element: '.popover-arrow',
+        },
+      },
       {
         name: 'flip',
         options: {
@@ -192,7 +198,7 @@ export const CPopover: FC<CPopoverProps> = ({
                 role="tooltip"
                 {...rest}
               >
-                <div data-popper-arrow className="popover-arrow"></div>
+                <div className="popover-arrow"></div>
                 <div className="popover-header">{title}</div>
                 <div className="popover-body">{content}</div>
               </div>

packages/coreui-react/src/components/tooltip/CTooltip.tsx

@@ -103,6 +103,12 @@ export const CTooltip: FC<CTooltipProps> = ({
 
   const popperConfig = {
     modifiers: [
+      {
+        name: 'arrow',
+        options: {
+          element: '.tooltip-arrow',
+        },
+      },
       {
         name: 'flip',
         options: {
@@ -186,7 +192,7 @@ export const CTooltip: FC<CTooltipProps> = ({
                 role="tooltip"
                 {...rest}
               >
-                <div data-popper-arrow className="tooltip-arrow"></div>
+                <div className="tooltip-arrow"></div>
                 <div className="tooltip-inner">{content}</div>
               </div>
             )}