Nav Sheet resets when clicking the "Keep Expanded" button

[roraback]

User scenario:

I'm looking at the resources view and hover over the Policy section of the left nav bar (or any other section besides "Resources") to open the Policy nav sheet. While viewing the sheet, I see the arrow button ("Keep Expanded") in the upper right corner of the nav sheet, and I click on it.

Expected behavior:

The nav will stay open and the page will reflow to make space for it. The nav sheet I'm currently viewing (Policy) will stay open as long as my mouse is still hovering over the sheet, such that the only changes to the page are 1) the direction of the arrow button and 2) the reflow in the main part of the page.

Current behavior:

Everything on the page changes. The nav sheet resets to the current page's section, even though my mouse hasn't stopped hovering over the current sheet.

(I'm guessing that something about either the click event or the page reflow is simulating a mouseout event, since we reset the nav sheet when the user moves their mouse away from the nav.)

See video of the behavior here:
https://github.com/user-attachments/assets/8380487d-77c6-4c6d-adc3-53c508e19f81

Bug details:

• Teleport version: 17.0.1
• Recreation steps: Open any page with the nav in the default-to-collapsed nav state, hover over a different section of the nav, and click the "Keep Expanded" button.
• Debug logs: N/A