change(menu): renamed menuItemListColumns to menuItemChildrenListColu…

…mns for greater clarity

- the columns are applied to the children items

src/ui/Header/Header.stories.js

@@ -1182,7 +1182,7 @@ const debounce = (func) => {
 
 const menuItemsLayouts = {
   '/en/topics': {
-    menuItemListColumns: [1, 4],
+    menuItemChildrenListColumns: [1, 4],
     menuItemColumns: [
       'at-a-glance three wide column',
       'topics-right-column nine wide column',
@@ -1191,7 +1191,7 @@ const menuItemsLayouts = {
   },
   '/en/countries': {
     menuItemColumns: ['eight wide column', 'four wide column'],
-    menuItemListColumns: [5, 2],
+    menuItemChildrenListColumns: [5, 2],
     appendExtraMenuItemsToLastColumn: true,
     hideChildrenFromNavigation: false,
   },

src/ui/Header/HeaderMenuPopUp.js

@@ -85,8 +85,8 @@ const RenderItem = ({ layout, section, renderMenuItem, index }) => {
     layout.hideChildrenFromNavigation === undefined
       ? true
       : layout.hideChildrenFromNavigation;
-  return !layout.menuItemListColumns ||
-    layout.menuItemListColumns[index] === 1 ? (
+  return !layout.menuItemChildrenListColumns ||
+    layout.menuItemChildrenListColumns[index] === 1 ? (
     <Item
       item={section}
       renderMenuItem={renderMenuItem}
@@ -95,7 +95,7 @@ const RenderItem = ({ layout, section, renderMenuItem, index }) => {
   ) : (
     <ItemGrid
       item={section}
-      columns={layout.menuItemListColumns[index]}
+      columns={layout.menuItemChildrenListColumns[index]}
       renderMenuItem={renderMenuItem}
       hideChildrenFromNavigation={hideChildrenFromNavigation}
     />