edgeImageDetails: Implement manage edge image details page.

In the context of HMS parity stage 1, implement federated manage edge image page at route manage-edge-image.

src/Router.js

@@ -1,8 +1,11 @@
 import React, { lazy } from 'react';
 
+import { useFlag } from '@unleash/proxy-client-react';
 import { Route, Routes } from 'react-router-dom';
 
+import EdgeImageDetail from './Components/edge/ImageDetails';
 import ShareImageModal from './Components/ShareImageModal/ShareImageModal';
+import { manageEdgeImagesUrlName } from './Utilities/edge';
 
 const LandingPage = lazy(() => import('./Components/LandingPage/LandingPage'));
 const CreateImageWizard = lazy(() =>
@@ -10,12 +13,26 @@ const CreateImageWizard = lazy(() =>
 );
 
 export const Router = () => {
+  const edgeParityFlag = useFlag('edgeParity.image-list');
   return (
     <Routes>
       <Route path="*" element={<LandingPage />}>
         <Route path="imagewizard/:composeId?" element={<CreateImageWizard />} />
         <Route path="share/:composeId" element={<ShareImageModal />} />
       </Route>
+
+      {edgeParityFlag && (
+        <Route
+          path={`/${manageEdgeImagesUrlName}/:imageId`}
+          element={<EdgeImageDetail />}
+        >
+          <Route path="*" element={<EdgeImageDetail />} />
+          <Route
+            path={`versions/:imageVersionId/*`}
+            element={<EdgeImageDetail />}
+          />
+        </Route>
+      )}
     </Routes>
   );
 };