chore: format solution

Author: ProgrammingByPermutation

src/src/app/app.component.html

@@ -1,3 +1,3 @@
 <div class="app-root-container">
-  <router-outlet />
+  <router-outlet/>
 </div>

src/src/app/app.component.spec.ts

@@ -1,5 +1,5 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
+import {TestBed} from '@angular/core/testing';
+import {AppComponent} from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {

src/src/app/app.component.ts

@@ -1,11 +1,11 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import {Component} from '@angular/core';
+import {RouterOutlet} from '@angular/router';
 
-@Component({
-    selector: 'app-root',
-    imports: [RouterOutlet],
-    templateUrl: './app.component.html',
-    styleUrl: './app.component.scss'
+@Component({
+  selector: 'app-root',
+  imports: [RouterOutlet],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
 })
 export class AppComponent {
   title = 'nullinside';

src/src/app/app.config.ts

@@ -1,10 +1,10 @@
-import { ApplicationConfig, Provider } from '@angular/core';
-import { provideRouter } from '@angular/router';
+import {ApplicationConfig, Provider} from '@angular/core';
+import {provideRouter} from '@angular/router';
 
-import { routes } from './app.routes';
-import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from "@angular/common/http";
-import { BearerTokenInterceptor } from "./middleware/bearer-token-interceptor";
+import {routes} from './app.routes';
+import {provideAnimationsAsync} from '@angular/platform-browser/animations/async';
+import {HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi} from "@angular/common/http";
+import {BearerTokenInterceptor} from "./middleware/bearer-token-interceptor";
 import {MAT_SNACK_BAR_DEFAULT_OPTIONS} from "@angular/material/snack-bar";
 
 export const noopInterceptorProvider: Provider =

src/src/app/common/components/loading-icon/loading-icon.component.html

@@ -8,7 +8,7 @@
       from="0 67 67"
       to="-360 67 67"
       dur="2.5s"
-      repeatCount="indefinite" />
+      repeatCount="indefinite"/>
   </path>
   <path
     d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z">
@@ -18,7 +18,7 @@
       from="0 67 67"
       to="360 67 67"
       dur="8s"
-      repeatCount="indefinite" />
+      repeatCount="indefinite"/>
   </path>
 </svg>
 <div class="text-area" [style.font-size]="fontSize">

src/src/app/common/components/loading-icon/loading-icon.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { LoadingIconComponent } from './loading-icon.component';
+import {LoadingIconComponent} from './loading-icon.component';
 
 describe('LoadingIconComponent', () => {
   let component: LoadingIconComponent;

src/src/app/common/components/loading-icon/loading-icon.component.ts

@@ -1,10 +1,10 @@
-import { Component, Input } from '@angular/core';
+import {Component, Input} from '@angular/core';
 
-@Component({
-    selector: 'app-loading-icon',
-    imports: [],
-    templateUrl: './loading-icon.component.html',
-    styleUrl: './loading-icon.component.scss'
+@Component({
+  selector: 'app-loading-icon',
+  imports: [],
+  templateUrl: './loading-icon.component.html',
+  styleUrl: './loading-icon.component.scss'
 })
 export class LoadingIconComponent {
   @Input() width = '100%';

src/src/app/common/components/logo/logo.component.spec.ts

@@ -1,6 +1,6 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { LogoComponent } from './logo.component';
+import {LogoComponent} from './logo.component';
 
 describe('LogoComponent', () => {
   let component: LogoComponent;

src/src/app/common/components/logo/logo.component.ts

@@ -1,11 +1,11 @@
 import {Component, Input} from '@angular/core';
 import {Router} from '@angular/router';
 
-@Component({
-    selector: 'app-logo',
-    imports: [],
-    templateUrl: './logo.component.html',
-    styleUrl: './logo.component.scss'
+@Component({
+  selector: 'app-logo',
+  imports: [],
+  templateUrl: './logo.component.html',
+  styleUrl: './logo.component.scss'
 })
 export class LogoComponent {
   @Input() height: number = 50;

src/src/app/common/components/standard-banner/standard-banner.component.html

@@ -1,5 +1,5 @@
 <div class="layout-logo-box">
-  <app-logo />
+  <app-logo/>
   @if (userIsLoggedIn) {
     <div class="logout-button">
       <button mat-stroked-button color="primary" (click)="onLogout()">Logout</button>