Display icon next to username for protected accounts

app/src/components/tweet-header/tweet-header.html

@@ -5,6 +5,7 @@
     <span>
       {{ user.name }}
       <ion-icon name="ios-checkmark-circle" *ngIf="user.verified" class="icon-verified"></ion-icon>
+      <ion-icon name="ios-lock-outline" *ngIf="user.protected" class="icon-protected"></ion-icon>
     </span>
     <span class="twitter-handle">@{{user.screen_name}}</span>
   </div>

app/src/components/tweet-header/tweet-header.scss

@@ -32,7 +32,8 @@ tweet-header {
     margin-left: 5px;
     color: #666;
   }
-  .icon.icon-verified {
+  .icon.icon-verified,
+  .icon.icon-protected {
     font-size: 1em;
   }
 }

app/src/pages/profile/profile.html

@@ -9,6 +9,7 @@
     <ion-title>
       {{ user.name }}
       <ion-icon name="ios-checkmark-circle" *ngIf="user.verified" class="icon-verified"></ion-icon>
+      <ion-icon name="ios-lock-outline" *ngIf="user.protected" class="icon-protected"></ion-icon>
     </ion-title>
   </ion-navbar>
 </ion-header>

app/src/pages/profile/profile.scss

@@ -1,3 +1,3 @@
-ion-navbar .icon.icon-verified {
-  font-size: 2rem;
-}
+ion-navbar .icon {
+    font-size: 2rem;
+}