refactor: better tooltip

src/components/buttons/unselect/unselect.tsx

@@ -28,6 +28,8 @@ export function UnselectButton() {
             variants={variants}
           >
             <Tooltip
+              hideDelay={0}
+              showDelay={0}
               content={
                 hasHistory
                   ? 'Restore unselected sounds.'

src/components/tooltip/tooltip.tsx

@@ -38,9 +38,6 @@ export function Tooltip({
     floatingStyles,
     placement: computedPlacement,
     refs,
-    strategy,
-    x,
-    y,
   } = useFloating({
     middleware: [offset(12), flip(), shift()],
     onOpenChange: setIsTooltipOpen,
@@ -90,20 +87,20 @@ export function Tooltip({
 
       <AnimatePresence>
         {isTooltipOpen && (
+          <div
+            ref={refs.setFloating}
+            {...getFloatingProps({ style: floatingStyles })}
+          >
             <motion.div
               animate="show"
+              className={styles.tooltip}
               exit="hidden"
               initial="hidden"
-            ref={refs.setFloating}
-            style={floatingStyles}
               variants={variants}
-            {...getFloatingProps({
-              className: styles.tooltip,
-              style: { left: x ?? 0, position: strategy, top: y ?? 0 },
-            })}
             >
               {content}
             </motion.div>
+          </div>
         )}
       </AnimatePresence>
     </>