First Cut Of Web UI

[azriel91]

Related: #125

Use leptos and dot_ix to create a first cut web UI:

1. Render flow graph
2. Buttons to invoke commands
3. Render progress
4. Render outcome

Interactively rendering additional information, or highlighting the parts of the outcome when the progress step is hovered (or vice versa) is not necessarily in scope.

[azriel91]

For rendering the flow graph, perhaps the following works:

1. Create peace_flow_model, and define a FlowInfo which is essentially the Flow without logic.
2. WebiOutput, is instantiated with FlowInfo, which is passed to a <FlowGraph flow_info=flow_info cmd_progress=cmd_progress /> component.
3. FlowGraph uses dot_ix to render the graph -- specifying the nodes and edges.
4. In impl OutputWrite for WebiOutput, the Progress* updates are used to change the WriteSignal<CmdProgress>, which influences the tailwind_css styles passed by FlowGraph to dot_ix.

[azriel91]

Refactorings to make drawing the outcome diagram easier:

1. Rename peace_resources to peace_resources_rt.
2. Rename Item to Step decided this doesn't make sense.
3. Create peace_resource_model to house the ResourceInteractions type, which represents:
   • From/to interactions between two resources.
   • Modification of n resources (e.g. 3 servers all have X patch applied)
   • Security group affecting n servers modified

Perhaps we do the first two as part of #187 first, then continue this.