Add Lock On Functionality for Palette Dropdown to improve User Interaction

[GammaTail]

Description

When trying to pick a block from the palette dropdown, the mouse can accidentally hover over another tab, causing the dropdown to switch to a different palette. This disrupts the user's workflow and makes selecting a block difficult.

Desired Feature

The dropdown should lock to the selected palette when clicked, preventing accidental switching caused by hover actions. The palette should remain active until the user explicitly clicks to change it or close the dropdown where blocks appear corresponding to it.

Screen Recording

git.mp4

Environment

• Operating System: [e.g., Windows, macOS, Linux]
• Browser (if applicable): [e.g., Chrome, Firefox, Safari]
• Version of Software/Project: [e.g., v1.0.0]

Checklist

• ✅ I have read and followed the project's code of conduct.
• ✅ I have searched for similar issues before creating this one.
• ✅ I have provided all the necessary information to understand and reproduce the issue.
• ✅ I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.

[nilaygit-10721]

I am interested in working on this issue.

[dubeanant]

@walterbender is this issue worth resolving ?