Add delete node icon to circular menu (#9264)

Closes #9168, also adds `Show full menu` icon back and hides `edit comment`.

https://github.com/enso-org/enso/assets/6566674/43af88a7-2b08-4f7d-8f4a-f47b41e51b2e

app/gui2/src/components/CircularMenu.vue

@@ -15,6 +15,8 @@ const emit = defineEmits<{
   'update:isVisualizationVisible': [isVisualizationVisible: boolean]
   startEditing: []
   startEditingComment: []
+  openFullMenu: []
+  delete: []
 }>()
 </script>
 
@@ -25,11 +27,21 @@ const emit = defineEmits<{
     @pointerup.stop
     @click.stop
   >
+    <div v-if="!isFullMenuVisible" class="More" @pointerdown.stop="emit('openFullMenu')"></div>
     <SvgIcon
+      v-if="isFullMenuVisible"
       name="comment"
       class="icon-container button slot2"
+      :alt="`Edit comment`"
       @click.stop="emit('startEditingComment')"
     />
+    <SvgIcon
+      v-if="isFullMenuVisible"
+      name="trash2"
+      class="icon-container button slot4"
+      :alt="`Delete component`"
+      @click.stop="emit('delete')"
+    />
     <ToggleIcon
       icon="eye"
       class="icon-container button slot5"

app/gui2/src/components/GraphEditor/GraphNode.vue

@@ -428,6 +428,8 @@ const documentation = computed<string | undefined>({
       @update:isVisualizationVisible="emit('update:visualizationVisible', $event)"
       @startEditing="startEditingNode"
       @startEditingComment="editingComment = true"
+      @openFullMenu="openFullMenu"
+      @delete="emit('delete')"
     />
     <GraphVisualization
       v-if="isVisualizationVisible"

app/gui2/src/components/GraphEditor/GraphNodes.vue

@@ -48,6 +48,7 @@ const uploadingFiles = computed<[FileName, File][]>(() => {
     :edited="id === graphStore.editedNodeInfo?.id"
     @pointerenter="hoverNode(id)"
     @pointerleave="hoverNode(undefined)"
+    @delete="graphStore.deleteNodes([id])"
     @dragging="nodeIsDragged(id, $event)"
     @draggingCommited="dragging.finishDrag()"
     @outputPortClick="graphStore.createEdgeFromOutput($event)"