[Ingest] Agent configuration - copy data source UI

[jen-huang]

View in Figma
View Figma prototype

Video walkthrough: https://share.getcloudapp.com/ApurbJek

The user must choose an agent configuration to copy the data source to. With a configuration selected in step 1, steps 2 and 3 become available. The name, description, and input/stream fields should be populated to match the same settings as the data source they are copying from. They can make edits, or leave it unchanged. When the submit the "copy datasource" form, IF the agent configuration has any enrolled agents, show a confirmation modal informing the user what's about to happen. When the data source is copied, return to the agent configuration page where they started from, and show a toast that says:
title: (checkmark icon) Successfully created "name of datasource" name
message: Fleet will deploy updates to all agents that are enrolled with the "name of configuration" agent configuration.

The confirmation should probably be a shared component since it is used elsewhere.

[elasticmachine]

Pinging @elastic/ingest-management (Feature:Fleet)

[hbharding]

@ruflin @jen-huang Updated issue with screenshots, description, and a quick video walk through. Let me know if you have any questions / feedback.

[ruflin]

LGTM. One addition: The example shows copy a data source to the same config. I assume in the case where it is copied to an other config, the user will end up in the new config afterwards.

[jen-huang]

Unassigning myself for now as this was pulled out of Beta 1 per discussion.

[jen-huang]

Closing as #75868 is more recent.