Auto-formatted every file to keep everything consistent.

src/app/auth/user-card/user-card.component.html

@@ -1,6 +1,7 @@
 @if (auth.isAuthenticated()) {
 <main>
-  <mat-card appearance="outlined" class="card">
+  <mat-card appearance="outlined"
+            class="card">
     <mat-card-header>
       <mat-card-title>{{username}}</mat-card-title>
     </mat-card-header>
@@ -10,9 +11,11 @@
     <mat-card-actions class="actions">
       <div>
         @if (isTTSLoggedIn) {
-        <button mat-raised-button (click)="client.disconnect()"><span class="disconnect">Disconnect</span></button>
+        <button mat-raised-button
+                (click)="client.disconnect()"><span class="disconnect">Disconnect</span></button>
         }
-        <button mat-raised-button (click)="auth.logout()"><span class="logoff">Log Off</span></button>
+        <button mat-raised-button
+                (click)="auth.logout()"><span class="logoff">Log Off</span></button>
       </div>
     </mat-card-actions>
   </mat-card>

src/app/auth/user-card/user-card.component.scss

@@ -14,10 +14,11 @@ main {
   justify-content: center;
 }
 
-.disconnect, .logoff {
+.disconnect,
+.logoff {
   color: red;
 }
 
-.mdc-button ~ .mdc-button {
+.mdc-button~.mdc-button {
   margin-left: 1em;
 }

src/app/auth/user-card/user-card.component.spec.ts

@@ -10,7 +10,7 @@ describe('UserCardComponent', () => {
     await TestBed.configureTestingModule({
       imports: [UserCardComponent]
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(UserCardComponent);
     component = fixture.componentInstance;