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

overlord/src/app/auth/login/login.component.html

@@ -1,13 +1,13 @@
-<mat-card appearance="outlined">
-  <mat-card-title-group>
+<mat-card>
+  <mat-card-header>
     <mat-card-title>Login</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>Username</mat-label>
-          <input matInput #nameElement placeholder="Username" formControlName="username" />
+          <input matInput #nameElement formControlName="username" />
         </mat-form-field>
       </div>
       <div class="flex flex-row justify-around content-start items-start">
@@ -15,7 +15,6 @@
           <mat-label>Password</mat-label>
           <input
             matInput
-            placeholder="Password"
             formControlName="password"
             [type]="hide ? 'password' : 'text'"
             (keyup.enter)="login()"
@@ -30,7 +29,7 @@
       <div class="flex flex-row justify-around content-start items-start" *ngIf="showOtp">
         <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>