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_godfathers.scss

@@ -0,0 +1,113 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 10px;
+  box-sizing: border-box;
+
+  > form {
+    margin: 0;
+  }
+}
+
+.users {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  list-style-type: none;
+  margin: 0;
+  gap: 10px
+}
+
+.users-card {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 150px;
+  padding: 10px;
+  background-color: rgba(0, 0, 0, .05);
+  border-radius: 10px;
+
+  @media (max-width: 375px) {
+    width: 100%;
+  }
+
+  // Django moment
+  > div.mini_profile_link {
+    position: relative;
+
+    > a {
+      &.mini_profile_link {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        gap: 10px;
+
+        @media (max-width: 375px) {
+          flex-direction: row;
+          justify-content: flex-start;
+          align-items: flex-start;
+          max-height: 65px;
+        }
+    
+        > span {
+          height: 150px;
+          width: 100%;
+
+          @media (max-width: 375px) {
+            height: 80px;
+            width: 80px;
+          }
+
+          > img {
+            width: 100%;
+            max-width: 100%;
+            max-height: 100%;
+            height: auto;
+            object-fit: contain;
+        
+            @media (max-width: 375px) {
+              max-width: 100%;
+              max-height: 80px;
+            }
+          }
+        }
+    
+        > em {
+          box-sizing: border-box;
+          padding: 0 5px;
+          text-align: center;
+          max-width: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+
+          @media (max-width: 375px) {
+            margin-top: 10px;
+            text-align: left;
+            max-width: none;
+            width: 100%;
+          }
+        }
+      }
+
+      &:last-of-type {
+        margin-top: 10px;
+        display: block;
+        text-align: center;
+        color: orangered;
+
+        @media (max-width: 375px) {
+          position: absolute;
+          bottom: 0%;
+          right: 0;
+        }
+      }
+    }
+  }
+
+  // Django moment
+  > a.mini_profile_link {
+    display: none;
+  }
+}