User Story: Implement "Create MCP"

[GenosseOtt]

Description
Develop a user interface dialog for creating Management Control Planes (MCPs).

The dialog should consist of:

• Name, display name, charging target
• Member selection
• Component version selection with explanation and link for more information

MOCK!

Function to create new MCPs seems to be there already: src/lib/api/types/crate/createControlPlane.ts

Acceptance Criteria:

1. Dialog Interface:

• A dedicated dialog for creating a new MCP must be presented
• The dialog should be reachable via a "Create MCP" Button. Keep in mind that the cards display within a workspace might either be completely empty (no MCPs) or display existing MCPs. A consistent way to create new MCPs must be presented on the UI.

2. Member Selection:

• Similar to other UI components (for creating Project or Workspace), a Members List must be available, in order to maintain the MCP members.
• Advanced Members Handling for Project/Workspace/MCP #114

3. Component Selection:

• Add "Components Section" to "Create MCP" Dialog #117

4. Version Input:

• For every added component, provide a dropdown to select from available versions.
• Preselect the latest version (largest version).
• Link to the documentation page with an overview of all components and versions should be provided

5. User Experience:

• Include helpful tooltips or informational icons to guide users in selecting components and versions.

Sub-tasks

See sub-issues below.

Extended Scope

• Components section, simply point end users to End user guide explaining how to add/remove components via kubectl

[GenosseOtt]

Feedback on design:

• Let's skip the different color states for now until aligned with platform UX
• Let's allow Icons in the component sections
• Link to docs and version dropdown is very valuable user feature - thanks :-)

@lucasgoral

[In-Ko]

Open questions to be tech-adviced:

• Where do we get the whole list of components and their versions from ? Could we use the ReleaseChannel CR to get this info ? In the end we need an endpoint to get that data
• Where do visualize the "Create MCp" functionality ? Suggestion: Create 2-3 possible way (using a card with a "+" sign, have a button somewhere ...) and get feedback via slack from the other MCP workstreams

[In-Ko]

#114

[n3rdc4ptn]

Maybe these icons could help us for our components:
https://github.com/pheralb/svgl

https://svgl.app/

Note: Repo is MIT licensed, but the icons itself can be restricted by the respective company. So maybe not ideal.