chore(format): fix formatting issues in app and footer components

apps/client/src/app/app.component.html

@@ -5,14 +5,20 @@
         <div class="align-items-center d-flex h-100 justify-content-center">
           @if (canCreateAccount) {
             <a class="text-center" [routerLink]="routerLinkRegister">
-          <div class="cursor-pointer d-inline-block info-message" (click)="onCreateAccount()">
+              <div
+                class="cursor-pointer d-inline-block info-message"
+                (click)="onCreateAccount()"
+              >
                 <span i18n>You are using the Live Demo.</span>
                 <span class="a ml-2 p-1" i18n>Create Account</span>
               </div>
             </a>
           }
           @if (!canCreateAccount && user?.systemMessage) {
-        <div class="cursor-pointer d-inline-block info-message text-truncate" (click)="onClickSystemMessage()">
+            <div
+              class="cursor-pointer d-inline-block info-message text-truncate"
+              (click)="onClickSystemMessage()"
+            >
               {{ user.systemMessage.message }}
             </div>
           }
@@ -21,10 +27,19 @@
     </div>
   }
 
-  <gf-header class="position-fixed w-100" [currentRoute]="currentRoute" [deviceType]="deviceType"
+  <gf-header
+    class="position-fixed w-100"
+    [currentRoute]="currentRoute"
+    [deviceType]="deviceType"
     [hasPermissionToChangeDateRange]="hasPermissionToChangeDateRange"
-    [hasPermissionToChangeFilters]="hasPermissionToChangeFilters" [hasPromotion]="hasPromotion" [hasTabs]="hasTabs"
+    [hasPermissionToChangeFilters]="hasPermissionToChangeFilters"
-    [info]="info" [pageTitle]="pageTitle" [user]="user" (signOut)="onSignOut()" />
+    [hasPromotion]="hasPromotion"
+    [hasTabs]="hasTabs"
+    [info]="info"
+    [pageTitle]="pageTitle"
+    [user]="user"
+    (signOut)="onSignOut()"
+  />
 </header>
 
 <main role="main">
@@ -32,5 +47,5 @@
 </main>
 
 @if (showFooter) {
-<gf-footer [info]="info" [user]="user" />
+  <gf-footer [info]="info" [user]="user" />
 }

apps/client/src/app/components/footer/footer.component.html

@@ -30,7 +30,9 @@
           <li><a i18n [routerLink]="routerLinkFeatures">Features</a></li>
           @if (hasPermissionForSubscription) {
             <li>
-                        <a i18n [routerLink]="routerLinkFaq">Frequently Asked Questions (FAQ)</a>
+              <a i18n [routerLink]="routerLinkFaq"
+                >Frequently Asked Questions (FAQ)</a
+              >
             </li>
           }
           @if (!hasPermissionForSubscription) {
@@ -50,18 +52,27 @@
           }
           @if (hasPermissionForSubscription) {
             <li>
-                        <a i18n [routerLink]="routerLinkAboutPrivacyPolicy">Privacy Policy</a>
+              <a i18n [routerLink]="routerLinkAboutPrivacyPolicy"
+                >Privacy Policy</a
+              >
             </li>
           }
           @if (hasPermissionForSubscription) {
             <li>
-                        <a i18n [routerLink]="routerLinkAboutTermsOfService">Terms of Service</a>
+              <a i18n [routerLink]="routerLinkAboutTermsOfService"
+                >Terms of Service</a
+              >
             </li>
           }
           @if (hasPermissionForSubscription) {
             <li>
-                        <a class="align-items-baseline d-flex" href="https://status.ghostfol.io" target="_blank"
+              <a
-                            title="Ghostfolio Status">Status<ion-icon class="ml-1" name="open-outline" /></a>
+                class="align-items-baseline d-flex"
+                href="https://status.ghostfol.io"
+                target="_blank"
+                title="Ghostfolio Status"
+                >Status<ion-icon class="ml-1" name="open-outline"
+              /></a>
             </li>
           }
         </ul>
@@ -70,25 +81,40 @@
         <div class="h6 mt-2" i18n>Community</div>
         <ul class="list-unstyled">
           <li>
-                        <a class="align-items-baseline d-flex" href="https://github.com/ghostfolio/ghostfolio"
+            <a
-                            target="_blank" title="Find Ghostfolio on GitHub">GitHub<ion-icon class="ml-1"
+              class="align-items-baseline d-flex"
-                                name="open-outline" /></a>
+              href="https://github.com/ghostfolio/ghostfolio"
+              target="_blank"
+              title="Find Ghostfolio on GitHub"
+              >GitHub<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>
-                        <a class="align-items-baseline d-flex" href="https://linkedin.com/company/ghostfolio"
+            <a
-                            target="_blank" title="Follow Ghostfolio on LinkedIn">LinkedIn<ion-icon class="ml-1"
+              class="align-items-baseline d-flex"
-                                name="open-outline" /></a>
+              href="https://linkedin.com/company/ghostfolio"
+              target="_blank"
+              title="Follow Ghostfolio on LinkedIn"
+              >LinkedIn<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>
-                        <a class="align-items-baseline d-flex"
+            <a
+              class="align-items-baseline d-flex"
               href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
-                            target="_blank" title="Join the Ghostfolio Slack community">Slack<ion-icon class="ml-1"
+              target="_blank"
-                                name="open-outline" /></a>
+              title="Join the Ghostfolio Slack community"
+              >Slack<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>
-                        <a class="align-items-baseline d-flex" href="https://x.com/ghostfolio_" target="_blank"
+            <a
-                            title="Follow Ghostfolio on X (formerly Twitter)">X (formerly Twitter)<ion-icon class="ml-1"
+              class="align-items-baseline d-flex"
-                                name="open-outline" /></a>
+              href="https://x.com/ghostfolio_"
+              target="_blank"
+              title="Follow Ghostfolio on X (formerly Twitter)"
+              >X (formerly Twitter)<ion-icon class="ml-1" name="open-outline"
+            /></a>
           </li>
           <li>&nbsp;</li>
           <!--
@@ -142,8 +168,10 @@
     </div>
     <div class="row text-center text-muted">
       <div class="col">
-                <small class="d-block" i18n>The risk of loss in trading can be substantial. It is not advisable
+        <small class="d-block" i18n
-                    to invest money you may need in the short term.</small>
+          >The risk of loss in trading can be substantial. It is not advisable
+          to invest money you may need in the short term.</small
+        >
       </div>
     </div>
   </div>