Added users, Added router links, Added Userbrowser

src/views/main/CreatorFolio.vue

@@ -46,13 +46,14 @@
             <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
           </v-row>
         </v-col>
-        <!-- X
+
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
           <a href="https://www.x.com/">
             <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/xblack.png" alt="X"></v-img>
           </a>
-        </v-col> -->
+        </v-col>
         <!-- TikTok -->
+        <v-spacer></v-spacer>
         <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
           <a href="https://www.tiktok.com/@guillaumeaime">
             <v-img class="socialicons-mobile invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
@@ -64,13 +65,13 @@
       <!-- User informations Name title and description  -->
       <v-row class="social-container-mobile">
         <v-col cols="12" xs="12" sm="4" class="d-flex justify-center">
-          <v-row>
+          <v-row class="d-flex justify-center">
             {{ name }}
           </v-row>
         </v-col>
         <v-spacer xs="12" sm="4"></v-spacer>
         <v-col cols="12" xs="12" sm="4" class="d-flex justify-center">
-          <v-row>
+          <v-row class="d-flex justify-center">
             {{ title }}
           </v-row>
         </v-col>
@@ -552,7 +553,7 @@ let drawerbottom = ref(false)
 
 let navigationItems = [
   { icon: 'mdi-home', text: 'Accueil', link: 'home' },
-  { icon: 'mdi-account-group', text: 'Amis', link: '/contact' },
+  { icon: 'mdi-account-group', text: 'Utilisateur', link: '/userbrowser' },
   //{ icon: 'mdi-file-document-outline', text: 'Contenu', link: '/creatorfolio' }
 ];
 </script>
@@ -766,6 +767,7 @@ let navigationItems = [
 
 .profile-banner {
   margin-top: 25px;
+  min-height: 200px
 }
 
 .v-navigation-drawer {
@@ -1089,6 +1091,9 @@ let navigationItems = [
 }
 
 @media (min-width: 2560px) {
+
+
+
   .mobile-profile-picture-creator {
     transform: scale(1.5) translateY(25%) translateX(-20px);
   }