large changes

app/Http/Resources/User.php

@@ -18,6 +18,7 @@ class User extends JsonResource
     {
         return [
             'full_name' => $this->first_name.' '.$this->last_name,
+            'email' => $this->email,
             'role' => UserRoles::ROLES_NAMES[$this->role_id],
             'created_at' =>Carbon::parse($this->created_at)->format('d/m/Y')
         ];

resources/assets/vue/components/account/elements/AccountComponent.vue

@@ -6,14 +6,10 @@
                     <div class="row align-items-center justify-content-center fs-11 p-t-10 p-b-10">
                         <div class="col">
                             <div class="row">
-                                <div class="col">
-                                    <div class="col bold">{{this.account.full_name}}</div>
-                                </div>
+                                <div class="col bold"><span class="text-complete">{{this.account.role}}</span> - <span class="text-capitalize">{{this.account.full_name}}</span></div>
                             </div>
                             <div class="row">
-                                <div class="col">
-                                    <div class="col bold">{{this.account.email}}</div>
-                                </div>
+                                <div class="col muted">{{this.account.email}}</div>
                             </div>
                         </div>
                         <div class="col-auto text-right">