fix(accessibility): fixed accessibility issues

Author: nsemets

src/app/features/project/overview/components/component-card/component-card.component.html

@@ -3,7 +3,13 @@
     <h2 class="flex align-items-center gap-2">
       <osf-icon [iconClass]="component().isPublic ? 'fas fa-lock-open' : 'fas fa-lock'"></osf-icon>
 
-      <a class="node-title cursor-pointer" (click)="handleNavigate(component().id)">
+      <a
+        class="node-title cursor-pointer"
+        role="button"
+        tabindex="0"
+        (click)="handleNavigate(component().id)"
+        (keydown.enter)="handleNavigate(component().id)"
+      >
         {{ component().title }}
       </a>
     </h2>
@@ -24,6 +30,7 @@ <h2 class="flex align-items-center gap-2">
           <ng-template #item let-item>
             <a
               class="p-menu-item-link"
+              tabindex="0"
               (mousedown)="handleMenuAction(item.action)"
               (keydown.enter)="handleMenuAction(item.action)"
             >