feat(course-outline): add inline rename functionality for components in UnitCard

[abhalsod-sonata]

• Introduced a new inline rename feature for components in UnitCard, allowing users to edit component names directly.
• Updated ComponentMenu to manage menu state and actions more effectively, including closing menus when another is opened.
• Added tests to verify the new rename functionality and menu behavior.
• Enhanced styles for better UI/UX in the component layout.
• Added new messages for internationalization related to renaming components.

Description

Adds inline rename functionality for components in the course outline, allowing Course Authors to rename components directly from the UnitCard without navigating away.

User roles impacted: Course Author

Changes

• UnitCard: Added inline rename UI - clicking "Rename" from the component menu switches the component title into an editable input field.
• ComponentMenu: Refactored menu state management to auto-close sibling menus when a new one is opened, preventing multiple menus from being open simultaneously.
• Styles: UI/UX polish for the component layout to accommodate the inline editing state.
• i18n: New messages added for rename-related UI strings.
• Tests: Added unit tests covering the rename flow and menu open/close behavior.

Screen recording:

2026-05-28.20-46-44.mp4

Supporting Information

Jira ticket: TNL2-619

Testing Instructions

1. Navigate to the course outline in Studio.
2. Expand a unit to see its components.
3. Click the kebab/action menu on any component.
4. Select Rename - the component title should become an editable input inline.
5. Type a new name and confirm - the component should reflect the updated name.
6. Open a second component's menu - the first menu should auto-close.