[Bug] Navigation 'Tokens' icon unclickable after Optimizer action toasts in v1.2.3

[dreamwinglet]

Version

v1.2.3

Observed Behavior

In the Optimizer section, performing actions like "Apply Suggestion", "Skip Suggestion", or "Restore Suggestion" triggers a notification toast (e.g., "Suggestion Applied") at the bottom of the screen.

Even after the toast visually fades out, the 'Tokens' tab icon in the bottom navigation bar becomes unresponsive to clicks. Interestingly, the "Tokens" text label next to the icon remains clickable. It appears that the DOM element of the notification layer might still be overlaying the icon area even after it is no longer visible. A page refresh resolves the issue and restores clickability to the icon.

Steps to Reproduce

1. Open the Optimizer tab.
2. Click "Apply" or "Skip" on any suggestion.
3. Wait for the notification toast to appear at the bottom and then disappear.
4. Attempt to click the Tokens icon in the bottom navigation bar.

Expected Behavior

The Tokens icon should remain clickable after the notification toast disappears.

Suggested Fix

1. Relocation: Move the notification toast/layer to the top of the viewport to avoid interfering with the bottom navigation bar.
2. DOM Cleanup: Ensure the DOM node for the toast is completely removed (or its pointer-events are set to none) once the hide animation completes.