Chore: Updated mat inputs to better match the style guide. Removed placeholders in favour of labels.

overlord/src/app/client/client-detail/client-detail.component.html

@@ -1,20 +1,20 @@
 <div class="flex flex-auto flex-row justify-around content-center items-center lg:max-w-[50%]">
-  <mat-card appearance="outlined" class="flex-auto">
-    <mat-card-title-group>
+  <mat-card class="flex-auto">
+    <mat-card-header>
       <mat-card-title>Client</mat-card-title>
-    </mat-card-title-group>
+    </mat-card-header>
     <mat-card-content>
       <form [formGroup]="form" class="flex flex-col">
         <div class="flex flex-row justify-around content-start items-start">
           <mat-form-field class="flex-auto">
             <mat-label>Code</mat-label>
-            <input matInput placeholder="Code" formControlName="code" />
+            <input matInput formControlName="code" />
           </mat-form-field>
         </div>
         <div class="flex flex-row justify-around content-start items-start">
           <mat-form-field class="flex-auto">
             <mat-label>Name</mat-label>
-            <input matInput #nameElement placeholder="Name" formControlName="name" />
+            <input matInput #nameElement formControlName="name" />
           </mat-form-field>
         </div>
         <div class="flex flex-row justify-around content-start items-start">
@@ -23,7 +23,7 @@
         <div class="flex flex-row justify-around content-start items-start">
           <mat-form-field class="flex-auto">
             <mat-label>OTP</mat-label>
-            <input matInput placeholder="OTP" formControlName="otp" />
+            <input matInput formControlName="otp" />
           </mat-form-field>
         </div>
       </form>

overlord/src/app/client/client-list/client-list.component.html

@@ -1,7 +1,7 @@
-<mat-card appearance="outlined">
-  <mat-card-title-group>
+<mat-card>
+  <mat-card-header>
     <mat-card-title>Clients</mat-card-title>
-  </mat-card-title-group>
+  </mat-card-header>
   <mat-card-content>
     <mat-table #table [dataSource]="dataSource" matSort aria-label="Elements">
       <!-- Code Column -->