fix: #2375 tooltip rerenders on hover

[misha-erm]

Description

closes #2375

Every mounted tooltip is re-rendered on hover. This resulted in quite noticeable performance problems as our app has a lot of elements with tooltip

Here are some profiles from our app:
before:

after:

Since isOpenDelayed is used only in event callbacks replacing it with ref seems like a safe and useful change

Please let me know if anything is missing or more tests with proofs are required

[suitux]

Do you have plan to merge this? Still happening

[aboveyunhai]

@chaance Apologize for the tagging.
I believe the usage of useState internally for logical control is a common performance symptom why Radix component is slow. This leads to a lot of unnecessary re-render.
Tooltip is just being one of them.
Hence,
useState => for rendering control. (like {error && <ErrorComponent error.desc />}, the error state or description directly controls the value or display)
useRef => for internal logic state control that has nothing to do with rendering. (like function (){ if (ref.current) {} } )