Consolidate information by add popovers in the variables drawer

Summary

1. Duplicate information appears on both the page and in the drawer. To reduce cognitive load, we should display this content in one location.

• Areas affected: the Flags section and Visibility sections in the drawer.

2. The help icons should not lead directly to the docs. We need popovers to help users without leaving the page. More context in this epic Variables: UI improvements to close competitive... (&10506 - closed)

• Areas affected: the Flags and Environment sections

Definition of Done

• The UI text under the variable section on the settings page will be gone.
  • #499541[_499541-popover-flags.png]
• Instead, users will see a popover when clicking the "?" button next to the environment and visibility field.
  • #499541[_499541-popover-visibility.png]
  • #499541[_499541-popover-environments.png]

Details

Design spec

• Figma dev 🔗
• Design tab 👉

Roles involved

• Design
• Technical Writing
• Backend
• Frontend
• Test engineering

NOTE: When work is ready to be defined, please create appropriate sub-tasks.