hide range ip addresses, update release notes

frontend/projects/ui/src/app/components/badge-menu-button/badge-menu.component.module.ts

@@ -2,10 +2,9 @@ import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { IonicModule } from '@ionic/angular'
 import { BadgeMenuComponent } from './badge-menu.component'
-import { TuiLetModule } from '@taiga-ui/cdk'
 
 @NgModule({
-  imports: [CommonModule, IonicModule, TuiLetModule],
+  imports: [CommonModule, IonicModule],
   declarations: [BadgeMenuComponent],
   exports: [BadgeMenuComponent],
 })

frontend/projects/ui/src/app/modals/os-welcome/os-welcome.page.html

@@ -26,8 +26,10 @@
   </p>
   <h6>Highlights</h6>
   <ul class="spaced-list">
+    <li>Improved Tor reliability</li>
+    <li>Experimental features tab</li>
+    <li>multiple bugfixes and general performance enhancements</li>
     <li>Update branding</li>
-    <li>Miscellaneous bugfixes and performance enhancements</li>
   </ul>
 
   <h2>Previous Releases</h2>

frontend/projects/ui/src/app/pages/server-routes/server-specs/server-specs.module.ts

@@ -4,6 +4,7 @@ import { Routes, RouterModule } from '@angular/router'
 import { IonicModule } from '@ionic/angular'
 import { ServerSpecsPage } from './server-specs.page'
 import { EmverPipesModule } from '@start9labs/shared'
+import { TuiLetModule } from '@taiga-ui/cdk'
 
 const routes: Routes = [
   {
@@ -18,6 +19,7 @@ const routes: Routes = [
     IonicModule,
     RouterModule.forChild(routes),
     EmverPipesModule,
+    TuiLetModule,
   ],
   declarations: [ServerSpecsPage],
 })

frontend/projects/ui/src/app/pages/server-routes/server-specs/server-specs.page.html

@@ -45,18 +45,25 @@
         <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
       </ion-button>
     </ion-item>
-    <ng-container *ngFor="let ip of server['ip-info'] | keyvalue">
-      <ng-container *ngFor="let entry of ip.value | keyvalue">
-        <ion-item *ngIf="entry.value as address">
-          <ion-label>
-            <h2>{{ ip.key }} ({{ entry.key }})</h2>
-            <p>{{ address }}</p>
-          </ion-label>
-          <ion-button slot="end" fill="clear" (click)="copy(address)">
-            <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
-          </ion-button>
-        </ion-item>
-      </ng-container>
+    <ng-container *ngFor="let iface of server['ip-info'] | keyvalue">
+      <ion-item *tuiLet="iface.value.ipv4 as ipv4">
+        <ion-label>
+          <h2>{{ iface.key }} (IPv4)</h2>
+          <p>{{ ipv4 || 'n/a' }}</p>
+        </ion-label>
+        <ion-button *ngIf="ipv4" slot="end" fill="clear" (click)="copy(ipv4)">
+          <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+        </ion-button>
+      </ion-item>
+      <ion-item *tuiLet="iface.value.ipv6 as ipv6">
+        <ion-label>
+          <h2>{{ iface.key }} (IPv6)</h2>
+          <p>{{ ipv6 || 'n/a' }}</p>
+        </ion-label>
+        <ion-button *ngIf="ipv6" slot="end" fill="clear" (click)="copy(ipv6)">
+          <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+        </ion-button>
+      </ion-item>
     </ng-container>
 
     <ion-item-divider>Device Credentials</ion-item-divider>

frontend/projects/ui/src/app/pages/widgets/widgets.module.ts

@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core'
 import { CommonModule } from '@angular/common'
 import { IonicModule } from '@ionic/angular'
 import { RouterModule, Routes } from '@angular/router'
-import { TuiLetModule } from '@taiga-ui/cdk'
 import { TuiLoaderModule } from '@taiga-ui/core'
 import { TuiTilesModule } from '@taiga-ui/kit'
 
@@ -26,7 +25,6 @@ const routes: Routes = [
     CommonModule,
     IonicModule,
     TuiTilesModule,
-    TuiLetModule,
     AddWidgetModule,
     FavoritesModule,
     HealthModule,