feat: add useSetOverflowVisibleOnRA hook

components/TempDesignSystem/Popover/index.tsx

@@ -1,4 +1,3 @@
-import { useRef } from "react"
 import {
   Button,
   Dialog,
@@ -8,6 +7,7 @@ import {
 } from "react-aria-components"
 
 import { CloseLargeIcon } from "@/components/Icons"
+import useSetOverFlowVisibleOnRA from "@/hooks/useSetOverflowVisibleOnRA"
 
 import { Arrow } from "./Arrow"
 import { PopoverProps } from "./popover"
@@ -19,10 +19,10 @@ export default function Popover({
   children,
   ...props
 }: PopoverProps) {
-  let triggerRef = useRef(null)
+  const setOverflowVisible = useSetOverFlowVisibleOnRA()
 
   return (
-    <DialogTrigger>
+    <DialogTrigger onOpenChange={setOverflowVisible}>
       <Button className={styles.trigger}>{triggerContent}</Button>
 
       <RAPopover