multi-selection filter enable in all screen, icon added in sidebr sub-menus, remove un-used components, add border on left of row on hover, on click same open menu page reload

src/app/shell/ui/sidebar/sidebar.html

@@ -100,6 +100,9 @@
                 <a class="side-menu__item" [routerLink]="!childrenItem.type ? null : [childrenItem.path] "
                   routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}"
                   (click)="setNavActive($event, childrenItem.path ?? '')">
+                  @if (childrenItem.icon) {
+                  <span [appSvgReplace]="childrenItem.icon" class="iconclick"></span>
+                  }
                   {{childrenItem.title}}
                   @if(childrenItem.badgeClass){
 
@@ -111,6 +114,9 @@
                 <!-- empty -->
                 @if (childrenItem.type === 'empty' ) {
                 <a class="side-menu__item " href="javascript:;" (click)="setNavActive($event, childrenItem.path ?? '')">
+                  @if (childrenItem.icon) {
+                  <span [appSvgReplace]="childrenItem.icon" class="iconclick"></span>
+                  }
                   {{childrenItem.title }}
                 </a>
                 }
@@ -119,6 +125,9 @@
                 <a class="side-menu__item " [ngClass]="{'active': childrenItem.selected}"
                   [routerLink]="childrenItem.type ? null : [childrenItem.path]"
                   (click)="toggleNavActive($event, childrenItem)">
+                  @if (childrenItem.icon) {
+                  <span [appSvgReplace]="childrenItem.icon" class="iconclick"></span>
+                  }
                   <span class="">{{childrenItem.title}}</span>
                   <i class="fe fe-chevron-right side-menu__angle"></i>
                 </a>