fix(SW-350) close tooltip on iOS

components/TempDesignSystem/Tooltip/index.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react"
+import { PropsWithChildren, useState } from "react"
 
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
@@ -16,8 +16,20 @@ export function Tooltip<P extends TooltipPosition>({
   children,
 }: PropsWithChildren<TooltipProps<P>>) {
   const className = tooltipVariants({ position, arrow })
+  const [isActive, setIsActive] = useState(false)
+
+  function handleToggle() {
+    setIsActive(!isActive)
+  }
+
   return (
-    <div className={styles.tooltipContainer} role="tooltip" aria-label={text}>
+    <div
+      className={styles.tooltipContainer}
+      role="tooltip"
+      aria-label={text}
+      onClick={handleToggle}
+      data-active={isActive}
+    >
       <div className={className}>
         {heading && (
           <Caption type="bold" color="white">