Issue #SB-30575 merge: Merge pull request #348 from pradoshKumar/release-4.10.2

Issue #SB-30575 fix: Accessibility is not working as expected

projects/common-consumption/package.json

 {
     "name": "@project-sunbird/common-consumption-v9",
-    "version": "4.10.2",
+    "version": "4.10.3",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/Sunbird-Ed/SunbirdEd-consumption-ngcomponents.git"

projects/common-consumption/src/lib/layout/library-cards-grid/library-cards-grid.component.html

@@ -22,7 +22,7 @@
         <div class="item" [ngClass]="maxCardCount ? 'show-' + maxCardCount: ''"
             *ngFor="let content of contentList | slice:0:(maxCardCount ? maxCardCount : contentList?.length)let i=index">
             <sb-library-card [indexToDisplay]="i" [layoutConfig]="layoutConfig" [content]="content" [type]="LibraryCardTypes.DESKTOP_TEXTBOOK"
-                (click)="onCardClick($event, content)" (keydown.enter)="onEnterKeyPress($event, content)" tabindex="0" [cardImg]="content?.cardImg">
+                (click)="onCardClick($event, content)" (keydown.enter)="onEnterKeyPress($event, content)" [cardImg]="content?.cardImg">
             </sb-library-card>
         </div>
     </div>
@@ -32,7 +32,7 @@
             (click)="onViewMoreClick($event)" tabindex="0">{{viewMoreButtonText}}</button>
         <div class="item"  [ngClass]="maxCardCount ? 'show-' + maxCardCount: ''" *ngFor="let content of contentList;let i=index">
             <sb-library-card [indexToDisplay]="i" [layoutConfig]="layoutConfig" [content]="content" [type]="LibraryCardTypes.DESKTOP_TEXTBOOK"
-                [isMenu]="isMenu" (click)="onCardClick($event, content)" (keydown.enter)="onEnterKeyPress($event, content)" tabindex="0" [cardImg]="content?.cardImg" (menuClick)="onCardMenuClick($event)">
+                [isMenu]="isMenu" (click)="onCardClick($event, content)" (keydown.enter)="onEnterKeyPress($event, content)" [cardImg]="content?.cardImg" (menuClick)="onCardMenuClick($event)">
             </sb-library-card>
         </div>
     </div>
@@ -41,7 +41,7 @@
         <div class="item" [ngClass]="maxCardCount ? 'show-' + maxCardCount: ''"
             *ngFor="let content of contentList; let index = index">
             <sb-library-card [indexToDisplay]="index" [layoutConfig]="layoutConfig" [content]="content" [type]="LibraryCardTypes.DESKTOP_TEXTBOOK"
-                (click)="onCardClick($event, content)" tabindex="0" [cardImg]="content?.cardImg" [hover-template]="hoverTemplate">
+                (click)="onCardClick($event, content)" [cardImg]="content?.cardImg" [hover-template]="hoverTemplate">
 
                 <ng-template #hoverTemplate let-hoverData="hoverData">
                     <sb-card-hover class="card-hover" [hoverData]="hoverData" [content]="content"