topology - need guidance on responsive toolbars

Topology's TopologyView.tsx creates a Toolbar component and simply provides props for the consumer to define the items to place in the toolbar (via the contextToolbar and the viewToolbar).

In consumers simple began packing ToolbarItems into these props, then they could end up with an unresponsive Toolbar, which would wrap weirdly.

More guidance should be provided for how to use the props in the TopologyView to create a responsive toolbar - especially with ToolbarToggleGroups and OverflowMenus.

Currently, Dev Sandbox has a topology toolbar which appears the following way on mobile views:

Additionally, I don't know if people are wanting to see a ToolbarFilter on their Topology toolbars, which would display applied filters as chips below the Toolbar controls. If so, guidance or even an update to the Topology view might be needed.

Jira Issue: PF-1996

Start with packages/react-topology/src/components/TopologyView/TopologyView.tsx and inspect how contextToolbar and viewToolbar are exposed. Compare the documented usage with the Dev Sandbox mobile toolbar shown in the issue, including ToolbarToggleGroups and OverflowMenus. Done means providing clear responsive-toolbar guidance and resolving whether ToolbarFilter needs coverage.