Refine flyout interaction

Working on this now

Hey @ckrina, do you mind doing a quick review to confirm that my fix is sufficient?

From conversation with @ckrina:

Add a delay on the close of the flyout so that if there's a quick out/in on the hover of the flyout, it doesn't close. This will be especially useful in the cases where the flyout is quite tall and the user is more likely to navigate out of the parent icon and into the flyout on a more indirect/diagonal path. It is currently still closing accidentally.

Hey @ckrina, I added a delay on the flyout close. Do you mind testing it again and letting me know what you think?

I think it's great and any refinement we find we need can be done later, thanks @claireristow! Merging this now so I can work on the mobile changes :)

Automatically closed - issue fixed for 2 weeks with no activity.