Refactor/status info (#3066)

* refactor status info

* wip fe

* frontend changes and version bump

* fix tests and motd

* add registry workflow

* better starttunnel instructions

* placeholders for starttunnel tables

---------

Co-authored-by: Aiden McClelland <me@drbonez.dev>

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

@@ -19,7 +19,6 @@ import { PatchDB } from 'patch-db-client'
 import { filter, map } from 'rxjs'
 import { ApiService } from 'src/app/services/api/api.service'
 import { TunnelData } from 'src/app/services/patch-db/data-model'
-
 import { DEVICES_ADD } from './add'
 import { DEVICES_CONFIG } from './config'
 import { MappedDevice, MappedSubnet } from './utils'
@@ -84,6 +83,8 @@ import { MappedDevice, MappedSubnet } from './utils'
               </button>
             </td>
           </tr>
+        } @empty {
+          <div class="placeholder">No devices</div>
         }
       </tbody>
     </table>

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

@@ -55,6 +55,8 @@ import { MappedDevice, MappedForward } from './utils'
               </button>
             </td>
           </tr>
+        } @empty {
+          <div class="placeholder">No port forwards</div>
         }
       </tbody>
     </table>

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

@@ -67,6 +67,8 @@ import { SUBNETS_ADD } from './add'
               </button>
             </td>
           </tr>
+        } @empty {
+          <div class="placeholder">No subnets</div>
         }
       </tbody>
     </table>

web/projects/start-tunnel/src/styles.scss

@@ -80,6 +80,12 @@ tui-dialog[new][data-appearance~='start-9'] {
   }
 }
 
+.placeholder {
+  padding: 1rem;
+  font: var(--tui-font-text-l);
+  color: var(--tui-text-tertiary);
+}
+
 qr-code {
   display: flex;
   justify-content: center;