fix: Resolve tab navigation issue in Firefox

[Aejkatappaja]

Description

• Solving #4500
• Improved focus management in the MiniMenu and ColorPicker components by adding a focus lock by default. This ensures that users have a smoother interaction with the menu on every web browser.

Changelog

• Enhancement:
  • Apply focus locking by default on all browsers.
  • Changes applied on MiniMenu and ColorPicker

Checklist

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• The light- and dark-theme are both supported and tested
• The design was implemented and is responsive for all devices and screen sizes
• The application was tested in the most commonly used browsers (e.g. Chrome, Firefox, Safari)

[Schwehn42]

While the issue only applies to Firefox, it would be nice to have a general solution for this. Do you think that's possible?

[Aejkatappaja]

While the issue only applies to Firefox, it would be nice to have a general solution for this. Do you think that's possible?

b4c4cac

I enabled autofocus by default, which now ensures compatibility across all browsers, including Firefox.

[Schwehn42]

lgtm, please do the same for ColorPicker as well, so you select the Color by pressing enter and tab within the ColorPicker :)

[Aejkatappaja]

lgtm, please do the same for ColorPicker as well, so you select the Color by pressing enter and tab within the ColorPicker :)

4736a06

[Schwehn42]

lgtm, thanks for your contribution @Aejkatappaja 🫶