restructure chat box user header

Author: supalarry

frontend/src/components/app/matches/Chat.vue

@@ -2,11 +2,9 @@
   <!--  eslint-disable max-len -->
   <div class="chat md:w-full md:max-w-2xl md:shadow-md md:rounded-md md:p-4 md:flex md:flex-col md:justify-start">
     <div class="flex items-center justify-center">
-      <div v-if="user" class="text-center flex">
-        <div class="flex-row">
-          <ChatUser class="mx-auto" v-bind:match="user"></ChatUser>
-          <h1 class="text-gray-matcha opacity-75 text-sm">{{user.first_name}}</h1>
-        </div>
+      <div v-if="user" class="text-center flex-row">
+        <ChatUser class="mx-auto" v-bind:match="user"></ChatUser>
+        <h1 class="text-gray-matcha opacity-75 text-sm">{{user.first_name}}</h1>
       </div>
       <div class="md:hidden absolute right-0 cursor-pointer text-lg lg:text-2xl w-10 h-10 flex items-center justify-center"
            v-on:click="closeChat()">