[BUGFIX] Re-add proper badges for toolbar items

The opendocs toolbar item does not have a badge background anymore,
this changes re-adds the background and also unifies
the badge from the system information toolbar to use
the rounded-pill class.

Resolves: #93303
Releases: master
Change-Id: Ie2ecc99fd5ad4ad8845923af018c051665ac6118
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/67459
Tested-by: TYPO3com <noreply@typo3.com>
Tested-by: Riccardo De Contardi <erredeco@gmail.com>
Tested-by: Oliver Bartsch <bo@cedev.de>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Oliver Bartsch <bo@cedev.de>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>

Build/Sources/TypeScript/backend/Resources/Public/TypeScript/Toolbar/SystemInformationMenu.ts

@@ -47,7 +47,7 @@ class SystemInformationMenu {
     // ensure all default classes are available and previous
     // (at this time in processing unknown) class is removed
     $counter.removeClass();
-    $counter.addClass('t3js-systeminformation-counter toolbar-item-badge badge');
+    $counter.addClass('t3js-systeminformation-counter toolbar-item-badge badge rounded-pill');
     // badgeClass e.g. could be 'badge-info', 'badge-danger', ...
     if (badgeClass !== '') {
       $counter.addClass(badgeClass);

typo3/sysext/backend/Resources/Private/Templates/ToolbarItems/SystemInformationToolbarItem.html

@@ -3,5 +3,5 @@
     title: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.sysinfo',
     icon: '{core:icon(identifier: \'actions-system-list-open\', size: \'small\', alternativeMarkupIdentifier: \'inline\')}'
 }" />
-<span class="toolbar-item-badge t3js-systeminformation-counter badge"></span>
+<span class="toolbar-item-badge t3js-systeminformation-counter badge rounded-pill bg-warning"></span>
 </html>

typo3/sysext/opendocs/Resources/Private/Templates/ToolbarItems/ToolbarItem.html

@@ -3,5 +3,5 @@
     <core:icon identifier="apps-toolbar-menu-opendocs" alternativeMarkupIdentifier="inline"/>
 </span>
 <span class="toolbar-item-title">{f:translate(key: 'toolbaritem', extensionName: 'opendocs')}</span>
-<span class="toolbar-item-badge badge" id="tx-opendocs-counter"></span>
+<span class="toolbar-item-badge badge rounded-pill bg-primary" id="tx-opendocs-counter"></span>
 </html>