a bunch of UI cleanup around backups as well as other bug fixes and UII improvements

web/projects/start-tunnel/src/app/routes/home/routes/devices/add.ts

@@ -169,7 +169,7 @@ export class DevicesAdd {
         })
 
         this.dialogs
-          .open(DEVICES_CONFIG, { data: config, closable: false })
+          .open(DEVICES_CONFIG, { data: config, closable: false, size: 'm' })
           .subscribe()
       }
     } catch (e: any) {

web/projects/start-tunnel/src/app/routes/home/routes/devices/config.ts

@@ -22,7 +22,7 @@ import { QrCodeComponent } from 'ng-qrcode'
         </tui-segmented>
       </aside>
     </header>
-    @if (segmented?.activeItemIndex) {
+    @if (segmented?.activeItemIndex()) {
       <qr-code [value]="config" size="352" />
     } @else {
       <tui-textfield>

web/projects/start-tunnel/src/app/routes/home/routes/devices/index.ts

@@ -159,7 +159,9 @@ export default class Devices {
     try {
       const data = await this.api.showDeviceConfig({ subnet: subnet.range, ip })
 
-      this.dialogs.open(DEVICES_CONFIG, { data, closable: false }).subscribe()
+      this.dialogs
+        .open(DEVICES_CONFIG, { data, closable: false, size: 'm' })
+        .subscribe()
     } catch (e: any) {
       console.log(e)
       this.errorService.handleError(e)