fix(accessibility): import the full module to have all accessibilitie…

…s features (#2382)

## Proposed change

<!--
Please include a summary of the changes and the related issue.
Please also include relevant motivation and context.
-->

## Related issues

<!--
Please make sure to follow the [contribution
guidelines](https://github.com/amadeus-digital/Otter/blob/main/CONTRIBUTING.md)
-->

*- No issue associated -*

<!-- * 🐛 Fix #issue -->
<!-- * 🐛 Fix resolves #issue -->
<!-- * 🚀 Feature #issue -->
<!-- * 🚀 Feature resolves #issue -->
<!-- *  Pull Request #issue -->

apps/showcase/src/app/rules-engine/rules-engine.component.ts

@@ -1,7 +1,7 @@
 import { AsyncPipe } from '@angular/common';
 import { AfterViewInit, ChangeDetectionStrategy, Component, inject, QueryList, ViewChildren, ViewEncapsulation } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { NgbNav, NgbNavContent, NgbNavItem, NgbNavLink, NgbNavOutlet } from '@ng-bootstrap/ng-bootstrap';
+import { NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
 import { ApplicationDevtoolsModule } from '@o3r/application';
 import { ComponentsDevtoolsModule } from '@o3r/components';
 import { ConfigOverrideStoreModule, ConfigurationBaseServiceModule, ConfigurationDevtoolsModule } from '@o3r/configuration';
@@ -54,11 +54,7 @@ import { duringSummer } from '../../operators/index';
     CopyTextPresComponent,
     RouterModule,
     IN_PAGE_NAV_PRES_DIRECTIVES,
-    NgbNav,
-    NgbNavItem,
-    NgbNavLink,
-    NgbNavContent,
-    NgbNavOutlet,
+    NgbNavModule,
     AsyncPipe
   ],
   templateUrl: './rules-engine.template.html',

apps/showcase/src/app/rules-engine/rules-engine.template.html

@@ -31,7 +31,7 @@ <h2 id="rules-engine-example">Example</h2>
       </p>
       <a href="https://github.com/AmadeusITGroup/otter/blob/main/apps/showcase/src/components/showcase/rules-engine" target="_blank" rel="noopener">Source code</a>
       <ul ngbNav #nav="ngbNav" class="nav nav-tabs mt-3">
-        <li ngbNavItem class="nav-item" role="presentation">
+        <li ngbNavItem class="nav-item">
           <a ngbNavLink class="nav-link" [class.active]="activeRuleTab === 'configuration'" (click)="activateRuleTab('configuration')">Configuration rule</a>
           <ng-template ngbNavContent>
             <p>
@@ -45,7 +45,7 @@ <h2 id="rules-engine-example">Example</h2>
             <o3r-copy-text-pres language="json" [text]="newYorkAvailableRule"></o3r-copy-text-pres>
           </ng-template>
         </li>
-        <li ngbNavItem class="nav-item" role="presentation">
+        <li ngbNavItem class="nav-item">
           <a ngbNavLink class="nav-link" [class.active]="activeRuleTab === 'localization'" (click)="activateRuleTab('localization')">Localization rule</a>
           <ng-template ngbNavContent>
             <p>
@@ -54,7 +54,7 @@ <h2 id="rules-engine-example">Example</h2>
             <o3r-copy-text-pres language="json" [text]="helloNewYorkRule"></o3r-copy-text-pres>
           </ng-template>
         </li>
-        <li ngbNavItem class="nav-item" role="presentation">
+        <li ngbNavItem class="nav-item">
           <a ngbNavLink class="nav-link" [class.active]="activeRuleTab === 'dynamic-content'" (click)="activateRuleTab('dynamic-content')">Dynamic content rule</a>
           <ng-template ngbNavContent>
             <p>
@@ -65,7 +65,7 @@ <h2 id="rules-engine-example">Example</h2>
             <o3r-copy-text-pres language="json" [text]="summerOtterRule"></o3r-copy-text-pres>
           </ng-template>
         </li>
-        <li ngbNavItem class="nav-item" role="presentation">
+        <li ngbNavItem class="nav-item">
           <a ngbNavLink class="nav-link" [class.active]="activeRuleTab === 'operator-fact'" (click)="activateRuleTab('operator-fact')">Operator fact</a>
           <ng-template ngbNavContent>
             <p>