Add unique keys to WithDialogs wrappers

The dialogs.jsx documentation recommends this for a multi-page
application. It does not actually fix our current "disappearing dialogs"
bug, but it's still a good precaution.

src/components/networks/networkList.jsx

@@ -43,7 +43,7 @@ export class NetworkList extends React.Component {
         const unlocked = superuser.allowed;
 
         return (
-            <WithDialogs>
+            <WithDialogs key="network-list">
                 <Page>
                     <PageBreadcrumb stickyOnBreakpoint={{ default: "top" }}>
                         <Breadcrumb variant={PageSectionVariants.light} className='machines-listing-breadcrumb'>

src/components/storagePools/storagePoolList.jsx

@@ -44,7 +44,7 @@ export class StoragePoolList extends React.Component {
         const actions = (<CreateStoragePoolAction loggedUser={loggedUser} libvirtVersion={libvirtVersion} />);
 
         return (
-            <WithDialogs>
+            <WithDialogs key="storage-pool-list">
                 <Page>
                     <PageBreadcrumb stickyOnBreakpoint={{ default: "top" }}>
                         <Breadcrumb className='machines-listing-breadcrumb'>

src/components/vm/vmDetailsPage.jsx

@@ -78,7 +78,7 @@ export const VmDetailsPage = ({
 
     if (cockpit.location.path[1] == "console") {
         return (
-            <WithDialogs>
+            <WithDialogs key="vm-details">
                 <Page id={"vm-" + vm.name + "-consoles-page"}
                       className="consoles-page-expanded">
                     <PageBreadcrumb stickyOnBreakpoint={{ default: "top" }}>

src/components/vms/hostvmslist.jsx

@@ -128,7 +128,7 @@ const HostVmsList = ({ vms, config, ui, storagePools, actions, networks, onAddEr
     );
 
     return (
-        <WithDialogs>
+        <WithDialogs key="vms-list">
             <Page>
                 <PageSection>
                     <Gallery className="ct-cards-grid" hasGutter>