Extract user card from user content.

src/components/user_panel/user_panel.vue

@@ -1,32 +1,8 @@
 <template>
   <div class="user-panel">
     <div v-if='user' class="panel panel-default">
-      <!-- Default panel contents -->
-      <div class="panel-heading text-center" v-bind:style="style">
-        <div class='user-info'>
-          <img :src="user.profile_image_url">
-          <span class="glyphicon glyphicon-user"></span>
-          <div class='user-name'>{{user.name}}</div>
-          <div class='user-screen-name'>@{{user.screen_name}}</div>
-        </div>
-      </div>
-      <div class="panel-body">
-        <div class="user-counts">
-          <div class="user-count">
-            <h5>Statuses</h5>
-            <span>{{user.statuses_count}}</span>
-          </div>
-          <div class="user-count">
-            <h5>Following</h5>
-            <span>{{user.friends_count}}</span>
-          </div>
-          <div class="user-count">
-            <h5>Followers</h5>
-            <span>{{user.followers_count}}</span>
-          </div>
-        </div>
-        <p>{{user.description}}</p>
-      </div>
+
+      <user-card-content :user="user"></user-card-content>
 
       <div class="panel-footer">
         <post-status-form v-if='user'></post-status-form>