feat: simplify Tooltip component by removing unnecessary SVG elements and adjusting styles

Author: nicosammito

src/components/tooltip/Tooltip.style.scss

@@ -13,13 +13,11 @@
       @include box.box(variables.$secondary);
       @include helpers.fontStyle();
       @include helpers.borderRadius();
-      box-shadow: none;
+      border: none;
     }
   }
 
   &__arrow {
-    stroke: helpers.borderColor(variables.$secondary);
-    stroke-width: 2px;
     fill: helpers.backgroundColor(variables.$secondary);
   }
 

src/components/tooltip/Tooltip.tsx

@@ -30,13 +30,5 @@ export const TooltipContent: React.FC<TooltipContentProps> = (props) => {
 }
 
 export const TooltipArrow: React.FC<TooltipArrowProps> = (props) => {
-    return <RadixTooltip.TooltipArrow {...mergeCode0Props("tooltip__arrow", {}) as TooltipArrowProps} asChild>
-        <svg className="tooltip__arrow" width="10" height="5" viewBox="0 0 30 10" preserveAspectRatio="none"
-             style={{display: "block"}}>
-            <polygon points="0,0 30,0 15,8"/>
-            <path
-                d="M0 0 L15 8 L30 0"
-            />
-        </svg>
-    </RadixTooltip.TooltipArrow>
+    return <RadixTooltip.TooltipArrow {...mergeCode0Props("tooltip__arrow", {}) as TooltipArrowProps}/>
 }