[3936] Add FormDescriptionEditor support in vs-code extension

Bug: #3936
Signed-off-by: Michaël Charfadi <[email protected]>

CHANGELOG.adoc

@@ -1147,6 +1147,7 @@ An error message is now displayed if the _Shape_ is not set.
 - https://github.com/eclipse-sirius/sirius-web/issues/2429[#2429] [sirius-web] Ensure that view models can be successfully uploaded by loading the default color palettes
 - https://github.com/eclipse-sirius/sirius-web/issues/2433[#2433] [form] Fix an issue where the readonly property of FlexboxContainerPropertySection was not correctly dispatched to children.
 - https://github.com/eclipse-sirius/sirius-web/issues/3943[#3943] [vs-code] Fix an issue with widget reference
+- https://github.com/eclipse-sirius/sirius-web/issues/3936[#3936] [vs-code] Add FormDescriptionEditor support in vs-code extension
 
 === New Features
 

vscode-extension/src/view/app/App.tsx

@@ -17,6 +17,7 @@ import {
   SelectionContextProvider,
 } from '@eclipse-sirius/sirius-components-core';
 import { DiagramRepresentation } from '@eclipse-sirius/sirius-components-diagrams';
+import { FormDescriptionEditorRepresentation } from '@eclipse-sirius/sirius-components-formdescriptioneditors';
 import { FormRepresentation } from '@eclipse-sirius/sirius-components-forms';
 import { DetailsView } from '@eclipse-sirius/sirius-web-application';
 import { Theme, ThemeProvider } from '@mui/material';
@@ -123,6 +124,14 @@ export const App = ({
         readOnly={false}
       />
     );
+  } else if (representationKind.startsWith('siriusComponents://representation?type=FormDescriptionEditor')) {
+    component = (
+      <FormDescriptionEditorRepresentation
+        editingContextId={state.editingContextId}
+        representationId={state.representationId}
+        readOnly={false}
+      />
+    );
   } else if (representationKind.startsWith('siriusComponents://representation?type=Form')) {
     component = (
       <FormRepresentation