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/ssh-keys/ssh-keys.page.html

@@ -0,0 +1,84 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="system"></ion-back-button>
+    </ion-buttons>
+    <ion-title>SSH Keys</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content class="ion-padding-top with-widgets">
+  <ion-item-group>
+    <!-- always -->
+    <ion-item>
+      <ion-label>
+        <h2>
+          Adding SSH keys to StartOS is useful for command line access, as well
+          as for debugging purposes.
+          <a [href]="docsUrl" target="_blank" rel="noreferrer">
+            View instructions
+          </a>
+        </h2>
+      </ion-label>
+    </ion-item>
+
+    <ion-item-divider>Saved Keys</ion-item-divider>
+
+    <ion-item button detail="false" (click)="presentModalAdd()">
+      <ion-icon slot="start" name="add" color="dark"></ion-icon>
+      <ion-label>
+        <b>Add New Key</b>
+      </ion-label>
+    </ion-item>
+
+    <!-- loading  -->
+    <ng-container *ngIf="loading">
+      <ion-item *ngFor="let entry of ['', '']">
+        <ion-avatar slot="start" style="margin-right: 30px">
+          <ion-skeleton-text
+            animated
+            style="width: 30px; height: 30px; border-radius: 0"
+          ></ion-skeleton-text>
+        </ion-avatar>
+        <ion-label>
+          <ion-skeleton-text
+            animated
+            style="width: 100px; height: 20px; margin-bottom: 12px"
+          ></ion-skeleton-text>
+          <ion-skeleton-text
+            animated
+            style="width: 150px; margin-bottom: 18px"
+          ></ion-skeleton-text>
+          <ion-skeleton-text animated style="width: 300px"></ion-skeleton-text>
+        </ion-label>
+        <ion-button slot="end" fill="clear">
+          <ion-skeleton-text
+            animated
+            style="width: 60px; border-radius: 0"
+          ></ion-skeleton-text>
+        </ion-button>
+      </ion-item>
+    </ng-container>
+
+    <!-- not loading -->
+    <ng-container *ngIf="!loading">
+      <ion-item *ngFor="let ssh of sshKeys; let i = index">
+        <ion-icon slot="start" name="key-outline" size="large"></ion-icon>
+        <ion-label>
+          <h1>{{ ssh.hostname }}</h1>
+          <h2>{{ ssh['created-at'] | date: 'medium' }}</h2>
+          <p>{{ ssh.alg }} {{ ssh.fingerprint }}</p>
+        </ion-label>
+        <ion-button
+          slot="end"
+          fill="clear"
+          color="danger"
+          (click)="presentAlertDelete(i)"
+        >
+          <ion-icon slot="start" name="close"></ion-icon>
+          Remove
+        </ion-button>
+      </ion-item>
+    </ng-container>
+  </ion-item-group>
+</ion-content>