refactor(changelog): clean up skeleton loader implementation and maintain format

apps/client/src/app/pages/about/changelog/changelog-page.html

@@ -4,39 +4,39 @@
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>Changelog</h1>
 
       @if (isLoading) {
-      <ngx-skeleton-loader
+        <ngx-skeleton-loader
-        animation="pulse"
+          animation="pulse"
-        [theme]="{
+          [theme]="{
-          'border-radius': '0.25rem',
+            'border-radius': '0.25rem',
-          height: '1.375rem',
+            height: '1.375rem',
-          width: '35%'
+            width: '35%'
-        }"
+          }"
-      />
+        />
-      <ngx-skeleton-loader
+        <ngx-skeleton-loader
-        animation="pulse"
+          animation="pulse"
-        class="mt-2"
+          class="mt-2"
-        [theme]="{
+          [theme]="{
-          'border-radius': '0.25rem',
+            'border-radius': '0.25rem',
-          height: '1.375rem',
+            height: '1.375rem',
-          width: '15%'
+            width: '15%'
-        }"
+          }"
-      />
+        />
-      <ngx-skeleton-loader
+        <ngx-skeleton-loader
-        animation="pulse"
+          animation="pulse"
-        class="mt-2"
+          class="mt-2"
-        [theme]="{
+          [theme]="{
-          'border-radius': '0.25rem',
+            'border-radius': '0.25rem',
-          height: '1.375rem',
+            height: '1.375rem',
-          width: '65%'
+            width: '65%'
-        }"
+          }"
-      />
+        />
       } @else {
-      <div class="changelog">
+        <div class="changelog">
-        <markdown
+          <markdown
-          (load)="onLoad()"
+            [src]="'../assets/CHANGELOG.md'"
-          [src]="'../assets/CHANGELOG.md'"
+            (load)="onLoad()"
-        ></markdown>
+          ></markdown>
-      </div>
+        </div>
       }
     </div>
   </div>