Fix remove friend button bug

src/app/components/profile/profile.component.html

@@ -12,12 +12,18 @@
         </div>
 
         <span id="username">{{userProfile.username}}</span>
-        <button mat-icon-button
+        <button mat-icon-button *ngIf="userProfile.allowedToSendRequest"
+          matTooltip="send friend request" matTooltipShowDelay="200"
                 class="request-button"
-                (click)="sendFriendRequest(userProfile)"
+                (click)="sendFriendRequest(userProfile)">
-                [disabled]="!userProfile.allowedToSendRequest">
           <mat-icon>person_add</mat-icon>
         </button>
+        <button mat-icon-button *ngIf="isFriendOfSelf"
+          matTooltip="remove friend" matTooltipShowDelay="200"
+                class="request-button"
+                (click)="removeFriend(userProfile)">
+          <mat-icon>person_add_disabled</mat-icon>
+        </button>
       </mat-toolbar-row>
       <mat-toolbar-row>
         <div class="info-box">