[Ingest] Agent configuration - edit data source UI

[jen-huang]

View in Figma
Figma prototype

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

• note: small change since recording. The EuiBottomBar should always be visible, but the submit button should be disabled unless the form state becomes dirty. We indicate in the bottom left "you have unsaved changes"

You can edit a data source by clicking on its name in the table, or by clicking the actions icon and choosing "edit data source". Upon saving the data source, return to the agent config page and show a success toast that says:
title: (checkmark icon) Successfully updated "name of data source"
message: (conditional) Fleet will deploy updates to all agents that use the "name of config" configuration

[elasticmachine]

Pinging @elastic/ingest (Feature:EPM)

[ruflin]

@jen-huang @hbharding We decided not to go with this approach. Should we close this issue or update it?

[hbharding]

@ruflin @jen-huang I updated screenshot and provided a video explanation

[ruflin]

@hbharding Could you update it again with the most recent discussion we had? I think we don't need the View Data source at the moment and the "modified streams" should go away.

[kevinlog]

FYI @paul-tavares we'll eventually need to tie "edit datasource" to Endpoint as well. I created this for us to execute - https://github.com/elastic/endpoint-app-team/issues/382

We can discuss the best way for that experience to work

FYI @caitlinbetz @bfishel