Environment selector (Home/Custom scope)

[ionuiux]

Please adjust the environment selector according to the design mock.

Design mockup - https://www.figma.com/design/MxA95ZHK5NqGX4ptFQljRJ/%E2%AD%90-Design-System-3.0?node-id=16695-174079&node-type=section&t=MLsfGij8YvZdzVyU-11

The selector height should be relative to the plugin’s total height, with a maximum height of 55%, fitting 13 environments or more. If there are fewer than 13 environments, the height will adjust accordingly. The minimum height is set at 20% of the plugin’s total height, fitting up to 4 environments (or fewer if there are less than 4 environments).

Environments should be sorted alphabetically from A to Z.

Please apply same approach for the environment selector inside a custom scope