fix mobile header; smaller user icon

src/App.vue

@@ -3,7 +3,7 @@
     <div class="bg-secondary shadow">
       <nav class="navbar px-2 container">
         <router-link class="d-flex btn" to="/">
-          <div class="d-none d-sm-flex header-title flex-column justify-content-center">
+          <div class="d-flex header-title flex-column justify-content-center">
             <b>spot2gether</b>
             <div>music connects</div>
           </div>

src/views/UserPage.vue

@@ -32,8 +32,15 @@ onBeforeUnmount(() => {
           {{ user.displayName }}
         </div>
         <div class="card-body">
+          <div class="row">
+            <div class="col-4">
               <img :src="user.images[0].url" alt="user image" class="card-img">
             </div>
+            <div class="col">
+              <p>{{ user.totalFollowers }} followers on Spotify</p>
+            </div>
+          </div>
+        </div>
       </div>
       <button
         v-if="$api.isAuthorized()"