feat: revamp dashboard mensa section

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

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2022 StApps
+ * Copyright (C) 2023 StApps
  * This program is free software: you can redistribute it and/or modify it
  * under the terms of the GNU General Public License as published by the Free
  * Software Foundation, version 3.
@@ -12,7 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-import {Component, OnInit, ViewEncapsulation} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import {Router} from '@angular/router';
 import {NewsPageComponent} from '../../../news/page/news-page.component';
 import {NewsProvider} from '../../../news/news.provider';
@@ -20,6 +20,7 @@ import {SettingsProvider} from '../../../settings/settings.provider';
 import {newsFilterSettingsFieldsMapping, NewsFilterSettingsNames} from '../../../news/news-filter-settings';
 import {DataProvider} from '../../../data/data.provider';
 import {SCSearchValueFilter} from '@openstapps/core';
+import {animate, style, transition, trigger} from '@angular/animations';
 
 /**
  * Shows a section with news
@@ -28,26 +29,16 @@ import {SCSearchValueFilter} from '@openstapps/core';
   selector: 'stapps-news-section',
   templateUrl: 'news-section.component.html',
   styleUrls: ['news-section.component.scss'],
-  encapsulation: ViewEncapsulation.None,
+  animations: [
+    trigger('fade', [
+      transition(':enter', [
+        style({opacity: '0', transform: 'translateX(100px)'}),
+        animate('250ms ease', style({opacity: '1', transform: 'translateX(0)'})),
+      ]),
+    ]),
+  ],
 })
 export class NewsSectionComponent extends NewsPageComponent implements OnInit {
-  /**
-   * Slider options
-   */
-  sliderOptions = {
-    spaceBetween: 12,
-    freeMode: {
-      enabled: true,
-      sticky: true,
-    },
-    width: 300,
-    breakpoints: {
-      768: {
-        width: 380,
-      },
-    },
-  };
-
   pageSize = 5;
 
   /**