Address & script parsing refactor

frontend/src/app/shared/components/address-type/address-type.component.html

@@ -1,4 +1,4 @@
-@switch (vout?.scriptpubkey_type || null) {
+@switch (address.type || null) {
   @case ('fee') {
     <span i18n="address.fee">fee</span>
   }
@@ -24,6 +24,6 @@
     <span>unknown</span>
   }
   @default {
-    <span>{{ vout.scriptpubkey_type.toUpperCase() }}</span>
+    <span>{{ address.type.toUpperCase() }}</span>
   }
 }

frontend/src/app/shared/components/address-type/address-type.component.ts

@@ -1,5 +1,5 @@
 import { Component, Input } from '@angular/core';
-import { Vout } from '../../../interfaces/electrs.interface';
+import { AddressTypeInfo } from '../../address-utils';
 
 @Component({
   selector: 'app-address-type',
@@ -7,5 +7,5 @@ import { Vout } from '../../../interfaces/electrs.interface';
   styleUrls: []
 })
 export class AddressTypeComponent {
-  @Input() vout: Vout;
+  @Input() address: AddressTypeInfo;
 }