message: AWS S3  integration fx 3
  merged changes for user edit
diff: <div class="row single-info">
  <div class="col m12">
  <h4 id="avatar-title">Profile Image</h4>
  - <div class="info-avatar"><img class="responsive-img" id="responsive-img" [src]="avatar"></div>
  + <div class="info-avatar"><img class="responsive-img" id="responsive-img" [src]="avatar" onError="this.src='../../assets/avatar.png'"></div>
  <div>
  <div class="input-field file-field row">
  - <div class="btn avatar-upload-button">
  - <span>Upload</span>
  + <div class="btn avatar-upload-button">Upload
  <input #input type="file" name="file" accept="image/gif, image/jpeg, image/png" (change)="onUploadAvatar($event)">
  </div>
  </div>
  </div>
  </div>
  </div>
  + </div>
  <!-- Right Panel -->
  <div class="col s9" id="right-col">
  