Amélioration des pages utilisateurs pour les petits écrans (#578, #520)

- Refonte de l'organisation des pages utilisateurs (principalement du front)
  - Page des parrains/fillots
  - Page d'édition du profil
  - Page du profil
  - Page des outils
  - Page des préférences
  - Page des stats utilisateurs

- Refonte du CSS / organisation de la navbar principale (en haut de l'écran)
- Refonte du CSS de la navbar bleu clair (le menu)
- Refonte du CSS du SAS :
  - Page de photo
  - Page d'albums

core/static/user/user_preferences.scss

@@ -0,0 +1,58 @@
+.form {
+  display: flex;
+  flex-direction: column;
+  margin: 10px 0;
+  gap: 5px;
+
+  &-general {
+    > p {
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: left;
+      align-items: center;
+      gap: 5px;
+      margin: 0;
+
+      > label {
+        cursor: pointer;
+        margin: 0;
+      }
+    }
+  }
+
+  &-cards,
+  &-trombi {
+    >p {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      text-align: justify;
+      gap: 5px;
+      margin: 0;
+
+      >input,
+      >select {
+        min-width: 300px;
+      }
+    }
+  }
+
+  &-submit-btn {
+    margin-top: 10px !important;
+    max-width: 100px;
+  }
+}
+
+.justify {
+  text-align: justify;
+}
+
+.main {
+  padding: 10px;
+}
+
+.no-cards,
+.student-cards {
+  margin-top: 10px;
+  display: block;
+}