chore: replace Badge component with one from Altinn Components, clean…

…up (#1569)

packages/frontend/src/components/MenuBar/MenuItem.tsx

@@ -1,9 +1,9 @@
+import { Badge } from '@altinn/altinn-components/dist/components/Badge';
 import { ChevronRightIcon, ExternalLinkIcon } from '@navikt/aksel-icons';
 import cx from 'classnames';
 import classNames from 'classnames';
 import type { HTMLProps } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import { Badge } from '../Badge';
 import styles from './menuItem.module.css';
 
 interface MenuItem {
@@ -124,7 +124,7 @@ const MenuItemContent = ({
             <ExternalLinkIcon className={styles.arrowIcon} />
           ) : count ? (
             <div className={styles.badgeWrapper}>
-              <Badge label={count} variant={isInbox ? 'strong' : 'neutral'} />
+              <Badge label={count} color={isInbox ? 'alert' : 'subtle'} />
             </div>
           ) : (
             count !== 0 && <ChevronRightIcon className={styles.arrowIcon} />

packages/frontend/src/components/index.ts

@@ -8,6 +8,5 @@ export * from './PageLayout';
 export * from './DropdownMenu';
 export * from './Snackbar';
 export * from './HorizontalLine';
-export * from './Badge';
 export * from './MetaDataFields';
 export * from './PartyDropdown';