fix(accessibility): radio should not be nested in another interactive element

src/app/shared/components/radio-option/radio-option.component.html

-<button type="button" tabindex="0" [ngClass]="{ selected: selected }" (click)="clicked()">
+<div class="radioContainer" tabindex="-1" [ngClass]="{ selected: selected }" (click)="clicked()" (keydown)="clicked()">
   <app-radio
     [id]="id"
     [checked]="selected === true"
@@ -7,4 +7,4 @@
     [size]="size"
     [iconName]="iconName"
   />
-</button>
+</div>

src/app/shared/components/radio-option/radio-option.component.scss

 @import 'color';
 
-button {
+.radioContainer {
   width: 100%;
   cursor: pointer;
   box-sizing: border-box;

src/app/shared/components/radio/radio.component.html

 <div class="radioContainer">
   <input
     type="radio"
-    tabindex="-1"
     [id]="id"
     [checked]="checked"
     [disabled]="disabled"
     [ngClass]="classes"
     (click)="action.emit($event)"
+    (keydown)="action.emit($event)"
   />
   <app-svg-icon *ngIf="iconName" [iconClass]="'icon-44'" [folder]="'form'" [icon]="iconName" />
   <div class="details">