MOBILE-4653 loading: Limit width only if requested in free placeholder

Author: crazyserver

src/core/components/loading/core-loading.html

@@ -6,7 +6,7 @@
                 <p class="core-loading-message" role="status">{{message}}</p>
             }
         } @else {
-            <div class="{{placeholderType}} list-item-limited-width placeholder">
+            <div class="{{placeholderType}} placeholder" [class.list-item-limited-width]="placeholderType !== 'free'">
                 @if (placeholderType === 'free') {
                     <ng-content select="[placeholder]" />
                 } @else if (placeholderType === 'listwithicon' || placeholderType === 'listwithavatar') {

src/core/features/user/pages/profile/profile.html

@@ -13,7 +13,7 @@ <h1>{{ user?.fullname }}</h1>
         <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}" />
     </ion-refresher>
     <core-loading [hideUntil]="userLoaded" placeholderType="free">
-        <ion-list placeholder class="ion-padding">
+        <ion-list placeholder class="ion-padding list-item-limited-width">
             <ion-item>
                 <ion-avatar slot="start" style="width: 80px; height: 80px;">
                     <ion-skeleton-text [animated]="true" />