Feature/simplify badge style in admin settings (#5046)

* Simplify badge style

apps/client/src/app/components/admin-settings/admin-settings.component.html

@@ -62,7 +62,7 @@
                     />
                     @if (isGhostfolioApiKeyValid === false) {
                       <span
-                        class="badge badge-light ml-2 new text-uppercase"
+                        class="badge badge-pill badge-secondary ml-2 text-uppercase"
                         i18n
                         >new</span
                       >

apps/client/src/app/components/admin-settings/admin-settings.component.scss

@@ -9,13 +9,6 @@
     }
   }
 
-  .badge {
-    &.new {
-      border: 1px solid var(--mat-table-row-item-outline-color);
-      padding-bottom: 0.05rem;
-    }
-  }
-
   .mat-mdc-card {
     --mdc-outlined-card-container-color: whitesmoke;
 

apps/client/src/app/pages/admin/admin-page.component.ts

@@ -33,7 +33,7 @@ export class AdminPageComponent implements OnDestroy, OnInit {
         iconName: 'settings-outline',
         label:
           internalRoutes.adminControl.subRoutes.settings.title +
-          '<span class="badge badge-secondary badge-pill ml-2 text-uppercase">' +
+          '<span class="badge badge-pill badge-secondary ml-2 text-uppercase">' +
           $localize`new` +
           '</span>',
         routerLink: internalRoutes.adminControl.subRoutes.settings.routerLink