sidebar badge on parent menus

[jeff-nz]

Objective:
Badges on sidebar menus with children.

To test badge on sidebar's parent menu:
Temporarily change data in ./demo/src/_nav.js to:

export default {
  items: [
    {
      name: 'Dashboard',
      url: '/dashboard',
      icon: 'cui-speedometer icons',
      badge: {
        variant: 'info',
        text: 'NEW'
      }
    },
    {
      name: 'Category',
      url: '/category',
      icon: 'cui-speedometer icons',
      badge: {
        variant: 'danger',
        text: '2'
      },
      children: [
        {
          name: 'Sub Category 1',
          url: '/sub-category-1',
          icon: 'cui-speedometer icons'
        },
        {
          name: 'Sub Category 2',
          url: '/sub-category-2',
          icon: 'cui-speedometer icons',
          badge: {
            variant: 'danger',
            text: '1'
          }
        },
        {
          name: 'Sub Category 3',
          url: '/sub-category-3',
          icon: 'cui-speedometer icons',
          badge: {
            variant: 'danger',
            text: '1'
          }
        }
      ]
    }
  ]
};

closes feature/sidebar-badge-on-parent-menus

[xidedix]

hi @jeff-nz your PR looks valid, thanks!
we need to update @coreui/coreui scss aswell, in order to make it work with production build, not only demo css