react-tooltip 4 -> 6

react-tooltip 4 brought uuid 7 (open advisory, fixed only in 11) and
had not been maintained since 2022. Tooltip now wraps the v6 component
(no more cast); triggers use data-tooltip-id instead of data-for and
data-tip (Icon, Badge, Tag, claims payload). v6 renders the content in
.react-tooltip-content-wrapper and draws the arrow as its own element
that inherits the background, so the wrapper's child selectors point
there and the ::after arrow colours for accounts-badge are gone.

The accounts-badge block in the global styles was never closed (as
upstream); it is closed now with the same nesting, so its link colours
still apply only inside badge tooltips.

Checked in a headless browser on Zagros, the "available on all
networks" account badge: with v4 the tooltip was one 1525px line
starting off-screen at x=-260; with v6 it is 300px wide (the max-width
already in the styles), wrapped, on screen, arrow on the badge, and in
the light accounts-badge style the styles define.

packages/react-components/src/styles/components.ts

@@ -130,19 +130,12 @@ export default `
       box-shadow: 0 2px 4px 0 rgb(34 36 38 / 12%), 0 2px 10px 0 rgb(34 36 38 / 15%);
       z-index: 999;
 
-      &.place-top::after {
-        border-top-color: var(--bg-menu) !important;
-      }
+      a {
+        color: #3BBEFF;
 
-      &.place-right::after {
-        border-right-color: var(--bg-menu) !important;
-      }
-
-    a {
-      color: #3BBEFF;
-
-      &.purpleColor {
-        color: #E6007A;
+        &.purpleColor {
+          color: #E6007A;
+        }
       }
     }
   }