FTM: New UVE Toolbar - Implement Persona selector #30735

[KevinDavilaDotCMS]

Parent Issue

#30598

Task

Integrate the existing Persona Selector component into the new UVE Toolbar, maintaining its current design and functionality. This task involves adapting the newWithEditorToolbar() feature store to properly handle the Persona Selector state and interactions.

Proposed Objective

Successfully integrate the Persona Selector into the new toolbar while ensuring identical behavior and functionality as in the old toolbar, across both traditional and headless pages.

Acceptance Criteria

• Integrate the existing Persona Selector component into the new toolbar UI without visual modifications.
• Adapt the new toolbar store to handle Persona Selector state and actions:
  • Persona selection/switching
  • Current persona state
  • Persona list management
  • Any existing interactions with other toolbar components
• Ensure the component maintains exact feature parity with its implementation in the old toolbar:
  • Persona switching functionality
  • Persona list display
  • Current persona indication
  • Any existing keyboard navigation
• Verify the component works correctly in both traditional and headless pages.

[github-actions]

PRs:

• chore(uve): Add Persona Selector to New Toolbar #30856

[KevinDavilaDotCMS]

Passed IQA

Tested feature

Screen.Recording.2024-12-06.at.11.04.06.AM.mov

Tested fix on issue:

Screen.Recording.2024-12-06.at.11.04.55.AM.mov