MC-5810: Improve naming of the critical variables/parameters in the code and configuration

- Renamed panel group to menu in folder structure and reference

Author: Hwashiang Yu

app/code/Magento/PageBuilder/view/adminhtml/web/js/panel.js

@@ -15,8 +15,8 @@ import ContentTypeConfigInterface from "./content-type-config.types";
 import {hideDropIndicators, showDropIndicators} from "./drag-drop/drop-indicators";
 import {setDraggedContentTypeConfig} from "./drag-drop/registry";
 import PageBuilder from "./page-builder";
-import {Group} from "./panel/group";
-import {ContentType as GroupContentType} from "./panel/group/content-type";
+import {Menu} from "./panel/menu";
+import {ContentType as GroupContentType} from "./panel/menu/content-type";
 import {supportsPositionSticky} from "./utils/position-sticky";
 
 /**
@@ -231,7 +231,7 @@ export default class Panel {
             // Iterate through the groups creating new instances with their associated content types
             _.each(groups, (group, id) => {
                 // Push the group instance into the observable array to update the UI
-                this.groups.push(new Group(
+                this.groups.push(new Menu(
                     id,
                     group,
                     _.map(

app/code/Magento/PageBuilder/view/adminhtml/web/js/panel/group.js renamed to app/code/Magento/PageBuilder/view/adminhtml/web/js/panel/menu.js

@@ -5,7 +5,7 @@
 
 import ko from "knockout";
 
-export class Group {
+export class Menu {
     public hidden: KnockoutObservable<boolean> = ko.observable(false);
     public id: KnockoutObservable<number> = ko.observable();
     public code: KnockoutObservable<string> = ko.observable("");
@@ -17,25 +17,25 @@ export class Group {
     public stageId: string;
 
     /**
-     * Group constructor
+     * Menu constructor
      *
      * @param id
-     * @param group
+     * @param menu
      * @param contentTypes
      * @param stageId
      */
-    constructor(id: number, group: any, contentTypes: any[] = [], stageId: string) {
+    constructor(id: number, menu: any, contentTypes: any[] = [], stageId: string) {
         this.id(id);
-        this.code(group.code);
-        this.label(group.label);
-        this.icon(group.icon);
-        this.sort(group.sort);
+        this.code(menu.code);
+        this.label(menu.label);
+        this.icon(menu.icon);
+        this.sort(menu.sort);
         this.contentTypes(contentTypes);
         this.stageId = stageId;
     }
 
     /**
-     * Toggle the group
+     * Toggle the menu
      */
     public toggle() {
         this.active(!this.active());