refactor: migration from NgStyle to style bindings

Author: xidedix

projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav-group.component.html

@@ -6,7 +6,7 @@
   <ng-container *ngTemplateOutlet="iconTemplate ; context: {$implicit: grpItem}" />
   <ng-container>{{ grpItem?.name }}</ng-container>
   @if (grpItem?.badge) {
-    <span [class]="item | cSidebarNavBadge">{{ grpItem?.badge?.text }}</span>
+    <span [class]="grpItem | cSidebarNavBadge">{{ grpItem?.badge?.text }}</span>
   }
 </a>
 <c-sidebar-nav
@@ -17,7 +17,7 @@
   [dropdownMode]="dropdownMode()"
   [groupItems]="true"
   [navItems]="navItems()"
-  [ngStyle]="display()"
+  [style]="display()"
 />
 
 <ng-template #iconTemplate let-item>

projects/coreui-angular/src/lib/sidebar/sidebar-nav/sidebar-nav.component.ts

@@ -1,5 +1,5 @@
 import { animate, AnimationEvent, state, style, transition, trigger } from '@angular/animations';
-import { NgStyle, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import {
   booleanAttribute,
   Component,
@@ -46,9 +46,8 @@ import { IconDirective } from '@coreui/icons-angular';
     NgTemplateOutlet,
     SidebarNavIconPipe,
     SidebarNavBadgePipe,
-    forwardRef(() => SidebarNavComponent),
-    NgStyle
-  ],
+    forwardRef(() => SidebarNavComponent)
+],
   animations: [
     trigger('openClose', [
       state(