message: feat(secret-edit): refactoring
diff: <ion-icon src="assets/icons/md-fiber_pin.svg"></ion-icon>
  </div>
  </ion-avatar>
  -
  - <ion-label color="white">
  - {{ 'secret-edit.passcode.label' | translate }}
  - <p>{{ 'secret-edit.passcode.text' | translate }}</p>
  + <ion-label color="white" class="ion-text-wrap">
  + <h2>{{ 'secret-edit.passcode.label' | translate }}</h2>
  + <p [innerHTML]="'secret-edit.passcode.text' | translate"></p>
  </ion-label>
  <ion-checkbox slot="end" class="ion-no-margin" [(ngModel)]="secret.isParanoia" [disabled]="!secret.secretHex"></ion-checkbox>
  </ion-item>
  <ion-icon src="assets/icons/md-group_work.svg"></ion-icon>
  </div>
  </ion-avatar>
  - <ion-label>
  + <ion-label color="white" class="ion-text-wrap">
  <h2>{{ 'secret-edit.social-recovery.label' | translate }}</h2>
  - <ion-text color="white">
  <p [innerHTML]="'secret-edit.social-recovery.text' | translate"></p>
  - </ion-text>
  </ion-label>
  </ion-item>
  <p class="font--weight__med">{{ 'secret-edit.interaction.label' | translate }}</p>
  - <ion-item lines="none" detail="true" class="ion-text-wrap ion-no-padding" (click)="goToWalletInteraction()">
  + <ion-item lines="none" detail="true" class="ion-no-padding" (click)="goToWalletInteraction()">
  <ion-avatar slot="start">
  <div class="avatar--container" [ngClass]="interactionSetting ? 'background--color__primary' : 'background--color__tertiary'">
  <ion-icon src="assets/icons/md-swap_horiz.svg"></ion-icon>
  </div>
  </ion-avatar>
  + <ion-label color="white" class="ion-text-wrap">
  <p [innerHTML]="'secret-edit.interaction.text' | translate"></p>
  + </ion-label>
  </ion-item>
  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
  