rename frontend to web and update contributing guide (#2509)

* rename frontend to web and update contributing guide

* rename this time

* fix build

* restructure rust code

* update documentation

* update descriptions

* Update CONTRIBUTING.md

Co-authored-by: J H <2364004+Blu-J@users.noreply.github.com>

---------

Co-authored-by: Aiden McClelland <me@drbonez.dev>
Co-authored-by: Aiden McClelland <3732071+dr-bonez@users.noreply.github.com>
Co-authored-by: J H <2364004+Blu-J@users.noreply.github.com>

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

@@ -0,0 +1,106 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="system"></ion-back-button>
+    </ion-buttons>
+    <ion-title>About</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="with-widgets">
+  <ion-item-group *ngIf="server$ | async as server">
+    <ion-item-divider>StartOS Info</ion-item-divider>
+    <ion-item>
+      <ion-label>
+        <h2>Version</h2>
+        <p>{{ server.version | displayEmver }}</p>
+      </ion-label>
+    </ion-item>
+    <ion-item>
+      <ion-label>
+        <h2>Git Hash</h2>
+        <p>{{ gitHash }}</p>
+      </ion-label>
+      <ion-button slot="end" fill="clear" (click)="copy(gitHash)">
+        <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+      </ion-button>
+    </ion-item>
+
+    <ion-item-divider>Web Addresses</ion-item-divider>
+    <ion-item>
+      <ion-label class="break-all">
+        <h2>Tor</h2>
+        <p>{{ server['tor-address'] }}</p>
+      </ion-label>
+      <div slot="end">
+        <ion-button fill="clear" (click)="showQR(server['tor-address'])">
+          <ion-icon
+            slot="icon-only"
+            name="qr-code-outline"
+            size="small"
+          ></ion-icon>
+        </ion-button>
+        <ion-button fill="clear" (click)="copy(server['tor-address'])">
+          <ion-icon
+            slot="icon-only"
+            name="copy-outline"
+            size="small"
+          ></ion-icon>
+        </ion-button>
+      </div>
+    </ion-item>
+    <ion-item>
+      <ion-label class="break-all">
+        <h2>LAN</h2>
+        <p>{{ server['lan-address'] }}</p>
+      </ion-label>
+      <ion-button slot="end" fill="clear" (click)="copy(server['lan-address'])">
+        <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+      </ion-button>
+    </ion-item>
+    <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>
+    <!-- <ion-item>
+      <ion-label>
+        <h2>Pubkey</h2>
+        <p>{{ server['pubkey'] }}</p>
+      </ion-label>
+      <ion-button slot="end" fill="clear" (click)="copy(server['pubkey'])">
+        <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+      </ion-button>
+    </ion-item> -->
+    <ion-item>
+      <ion-label>
+        <h2>CA fingerprint</h2>
+        <p>{{ server['ca-fingerprint'] }}</p>
+      </ion-label>
+      <ion-button
+        slot="end"
+        fill="clear"
+        (click)="copy(server['ca-fingerprint'])"
+      >
+        <ion-icon slot="icon-only" name="copy-outline"></ion-icon>
+      </ion-button>
+    </ion-item>
+  </ion-item-group>
+</ion-content>