feat: add stylelint

frontend/app/src/global.scss

@@ -31,8 +31,8 @@
 @import 'swiper/scss/controller';
 
 // @import 'material-symbols/rounded.scss';
-@import './theme/material-symbols.scss';
-@import './theme/common/_ion-content-parallax.scss';
+@import './theme/material-symbols';
+@import './theme/common/ion-content-parallax';
 
 /* StApps */
 
@@ -49,12 +49,14 @@ stapps-icon {
 
   &::before {
     content: attr(name);
+
     position: absolute;
+    z-index: -1;
     top: 0;
     left: 0;
+
     font-variation-settings: 'FILL' 0;
     color: white;
-    z-index: -1;
   }
 }
 
@@ -62,18 +64,23 @@ ion-item {
   h2.name {
     font-weight: bold;
   }
+
   ion-thumbnail {
-    background: transparent;
     --size: 36px;
+
     display: flex;
     align-items: center;
-    padding: 10px;
+
     margin: 0;
+    padding: 10px;
+
+    background: transparent;
+
     ion-icon {
+      display: block;
       width: 100%;
       height: 100%;
       color: white;
-      display: block;
     }
   }
 }
@@ -82,21 +89,39 @@ ion-item,
 ion-card.compact {
   ion-grid,
   ion-col {
-    padding-inline-start: 0;
     padding-top: 0;
     padding-bottom: 0;
+    padding-inline-start: 0;
   }
 }
 
-.centeredMessageContainer {
+ion-header stapps-favorite-button ion-icon {
+  color: var(--ion-color-primary-contrast);
+}
+
+ion-alert {
+  button.alert-button.preferred {
+    color: var(--ion-color-primary-contrast);
+    background-color: var(--ion-color-primary);
+  }
+
+  button.alert-button.default {
+    color: var(--ion-color-primary);
+    background-color: transparent;
+  }
+}
+
+.centered-message-container {
   display: flex;
   flex-direction: column;
-  justify-content: center;
   align-items: center;
-  text-align: center;
+  justify-content: center;
+
   min-height: 50vh;
   margin: 20px;
 
+  text-align: center;
+
   ion-icon {
     font-size: 64px;
   }
@@ -116,32 +141,3 @@ ion-card.bold-header {
     font-weight: bold;
   }
 }
-ion-header {
-  stapps-favorite-button {
-    ion-icon {
-      color: var(--ion-color-primary-contrast);
-    }
-  }
-}
-
-ion-alert {
-  button.alert-button.preferred {
-    background-color: var(--ion-color-primary);
-    color: var(--ion-color-primary-contrast);
-  }
-  button.alert-button.default {
-    background-color: transparent;
-    color: var(--ion-color-primary);
-  }
-}
-
-ion-alert {
-  button.alert-button.preferred {
-    background-color: var(--ion-color-primary);
-    color: var(--ion-color-primary-contrast);
-  }
-  button.alert-button.default {
-    background-color: transparent;
-    color: var(--ion-color-primary);
-  }
-}