refactore of menus: classes and scss

src/menus/MenuContainer.vue

@@ -19,17 +19,23 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
     <PageLoader v-if="hasPageLoader" />
     <TopWideMenu
       v-if="display === 'big-menu'"
+      id="side-menu"
       :open="isOpen"
+      class="cm"
       @close="closeMenu"
     />
     <SideMenuWithCategories
       v-else-if="display === 'side-with-categories'"
+      id="side-menu"
       :open="isOpen"
+      class="cm"
       @close="closeMenu"
     />
     <SimpleSideMenu
       v-else-if="display === 'simple-side-menu'"
+      id="side-menu"
       :open="isOpen"
+      class="cm"
       @close="closeMenu"
       @open="openMenu"
       @toggle="toggleMenu(!isOpen)"
@@ -83,7 +89,7 @@ const createOpener = () => {
   }
 
   const opener = createElement('button', {
-    class: 'side-menu-opener',
+    class: 'cm-opener',
     'arial-label': t('side_menu', 'Toggle the menu'),
     html: `<span>${t('side_menu', 'Toggle the menu')}</span>`,
   })