[enh] Menu: add fadeInAnimation

package.json

@@ -22,13 +22,13 @@
     "generate:meta": "ts-node --skip-project node_modules/.bin/polkadot-types-from-chain --package @duniter/core-types/interfaces  --output ./src/interfaces --endpoint ./src/interfaces/types.json"
   },
   "dependencies": {
-    "@angular/animations": "^14.2.1",
-    "@angular/common": "^14.2.1",
-    "@angular/core": "^14.2.1",
-    "@angular/forms": "^14.2.1",
-    "@angular/platform-browser": "^14.2.1",
-    "@angular/platform-browser-dynamic": "^14.2.1",
-    "@angular/router": "^14.2.1",
+    "@angular/animations": "^14.2.6",
+    "@angular/common": "^14.2.6",
+    "@angular/core": "^14.2.6",
+    "@angular/forms": "^14.2.6",
+    "@angular/platform-browser": "^14.2.6",
+    "@angular/platform-browser-dynamic": "^14.2.6",
+    "@angular/router": "^14.2.6",
     "@capacitor-community/barcode-scanner": "3.0.0",
     "@capacitor-community/sqlite": "^4.0.1",
     "@capacitor/android": "4.1.0",
@@ -68,15 +68,15 @@
     "ngx-markdown": "^14.0.1",
     "ngx-material-timepicker": "5.5.3",
     "ngx-quicklink": "^0.3.0",
-    "@angular-devkit/build-angular": "^14.2.2",
+    "@angular-devkit/build-angular": "^14.2.6",
     "@angular-eslint/builder": "~13.5.0",
     "@angular-eslint/eslint-plugin": "~13.5.0",
     "@angular-eslint/eslint-plugin-template": "~13.5.0",
     "@angular-eslint/template-parser": "~13.5.0",
-    "@angular/cli": "^14.2.2",
-    "@angular/compiler": "^14.2.1",
-    "@angular/compiler-cli": "^14.2.1",
-    "@angular/language-service": "^14.2.1",
+    "@angular/cli": "^14.2.6",
+    "@angular/compiler": "^14.2.6",
+    "@angular/compiler-cli": "^14.2.6",
+    "@angular/language-service": "^14.2.6",
     "@capacitor/cli": "4.1.0",
     "@ionic/cli": "^6.20.1",
     "@ionic/angular-toolkit": "^6.1.0",

src/app/app.component.html

@@ -13,7 +13,8 @@
               <ion-label [color]="p.color">{{ p.title | translate }}</ion-label>
             </ion-item>
             <ion-item routerDirection="root" *ngIf="p.handle && p.enable()"
-                      (click)="p.handle()" lines="none" detail="false" routerLinkActive="selected">
+                      (click)="p.handle()" lines="none" detail="false" routerLinkActive="selected"
+                      tappable @fadeInAnimation>
               <ion-icon slot="start" [color]="p.color" [ios]="p.icon + '-outline'" [md]="p.icon + '-sharp'"></ion-icon>
               <ion-label [color]="p.color">{{ p.title | translate }}</ion-label>
             </ion-item>

src/app/app.component.ts

-import {Component} from '@angular/core';
+import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {PlatformService} from "./shared/services/platform.service";
 import {environment} from "@environments/environment";
 import {AccountService} from "@app/wallet/account.service";
 import {Router} from "@angular/router";
+import {fadeInAnimation} from "@app/shared/animations";
 
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
+  animations: [fadeInAnimation],
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AppComponent {
 
@@ -24,7 +27,7 @@ export class AppComponent {
 
     { title: 'MENU.SETTINGS', url: '/settings', icon: 'settings' },
 
-    { title: 'HOME.BTN_CHANGE_ACCOUNT', icon: 'log-out', color: 'danger',
+    { title: 'COMMON.BTN_LOGOUT', icon: 'log-out', color: 'danger',
 
       handle: (event) => this.logout(event),
       enable: () => this.accountService.isLogin