feat: apply new layout overhaul

src/app/modules/dashboard/sections/news-section/news-section.component.html

@@ -0,0 +1,32 @@
+<stapps-section
+  [title]="'dashboard.news.title' | translate"
+  [isEditable]="false"
+  [customIcon]="'news'"
+  class="is-editable"
+  (onEdit)="onMoreNewsClicked()"
+>
+  <swiper
+    [config]="sliderOptions"
+    slidesPerView="auto"
+    [navigation]="true"
+    *ngIf="news.length > 0"
+    class="news-swiper card-swiper"
+  >
+    <ng-template swiperSlide *ngFor="let newsItem of news">
+      <a [routerLink]="['/data-detail', newsItem.uid]" class="card">
+        <ion-img [src]="newsItem.image"></ion-img>
+        <ion-label>{{ newsItem.name }}</ion-label>
+      </a>
+    </ng-template>
+    <ng-template swiperSlide>
+      <a [routerLink]="['/news']" class="card more-news">
+        <ion-label>{{
+          'dashboard.news.moreNews' | translate | titlecase
+        }}</ion-label>
+        <ion-thumbnail class="ion-margin-end">
+          <ion-icon color="dark" name="news"></ion-icon>
+        </ion-thumbnail>
+      </a>
+    </ng-template>
+  </swiper>
+</stapps-section>