[ACA-4711] ACA: Enable checking accessibility in eslint (#3231)

* [ACA-4711] updated  @angular-eslint/eslint-plugin-template

* [ACA-4711] removed deprecated rules

* [ACA-4711] removed comma

* [ACA-4711] resolve accessibility issues

projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.html

@@ -6,6 +6,7 @@
 >
   <span
     role="link"
+    tabindex=0
     [attr.aria-label]="
       (isFile ? 'CUSTOM_NAME_COLUMN.ACCESSIBILITY.FILE_LINK_ARIA_LABEL' : 'CUSTOM_NAME_COLUMN.ACCESSIBILITY.FOLDER_LINK_ARIA_LABEL')
         | translate: { name: displayText$ | async }

projects/aca-content/src/lib/components/search/search-input/search-input.component.html

@@ -28,7 +28,7 @@
 </div>
 
 <mat-menu #searchOptionsMenu="matMenu" [overlapTrigger]="true" class="app-search-options-menu">
-  <div (keydown.tab)="$event.stopPropagation()" (keydown.shift.tab)="$event.stopPropagation()">
+  <div (keydown.tab)="$event.stopPropagation()" (keydown.shift.tab)="$event.stopPropagation()" tabindex=0>
     <div cdkTrapFocus>
       <app-search-input-control
         #searchInputControl

projects/aca-content/src/lib/components/sidenav/components/sidenav-header.component.html

@@ -1,6 +1,7 @@
 <div class="sidenav-header">
   <div class="sidenav-header-title">
     <div class="sidenav-header-title-logo"
+      tabindex=0
       (click)="toggleNavBar.emit()"
       (keypress)="toggleNavBar.emit()">
       <img