feat: Move Import/Export to Modes view toolbar (#8686)

[hannesrudolph]

Here's the non‑technical summary of what changed:

• Export moved to the right of the mode dropdown; Import stays in the top toolbar. (Closes: [ENHANCEMENT] Move Import/Export to Modes view toolbar (next to "Create new mode") #8686)
• Mode actions are next to the dropdown in this order: +, Edit, Delete, Export (with consistent spacing).
• The separate API Configuration section was removed from this screen.
• The old name field was removed; renaming now happens inline from the Edit icon.
• After creating a mode, it's auto‑selected.
• After deleting a mode, it switches back to the default mode.
• Search now finds a mode immediately after you rename it.

No commits or pushes have been made.

Before	After

---

Important

Move Import/Export buttons to the toolbar in ModesView.tsx, maintaining existing functionality and removing them from the bottom section.

• UI Changes:
  • Move Import/Export buttons to the toolbar in ModesView.tsx, next to the "Create new mode" button.
  • Remove Import/Export buttons from the bottom section in ModesView.tsx.
• Functionality:
  • Retain existing behavior for Import/Export actions using vscode.postMessage.
  • Ensure buttons are keyboard-focusable and match toolbar style.
• Misc:
  • No new strings added; i18n remains unchanged.

^{This description was created by for f8f63c5. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Rooviewer   See task on Roo Cloud

Re-review completed. The latest commit adds a useEffect hook to reset the import level to "project" each time the import dialog opens. This ensures consistent default behavior and works correctly with the existing controlled radio button components.

No issues found.

Previous reviews

• 2bcc73a: Review #1
• cfe434b: Review #2
• 769e019: Review #3
• f8f63c5: Review #4

_{Mention @roomote to ask your PR Fixer agent to address the feedback.}