fix(user): update user if input data is changed (#553)

* fix(user): update user if input data is changed
this fixes the bug, that vCard or bookmarks are not update if the user is
changed directly

* Update Phonebook.Frontend/src/app/shared/components/user/user-detail/user-detail.component.ts

Phonebook.Frontend/src/app/shared/components/user/user-detail/user-detail.component.ts

@@ -1,4 +1,4 @@
-import { Component, HostListener, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, HostListener, Input, OnDestroy, OnInit, OnChanges } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
 import { Select, Store } from '@ngxs/store';
@@ -22,7 +22,7 @@ export interface IncorrectUserInformationDialogData {
   templateUrl: './user-detail.component.html',
   styleUrls: ['./user-detail.component.scss']
 })
-export class UserDetailComponent implements OnInit, OnDestroy {
+export class UserDetailComponent implements OnInit, OnChanges, OnDestroy {
   @Input()
   public person: Person;
   public bookmarked: Bookmarked = Bookmarked.isNotBookmarked;
@@ -49,7 +49,9 @@ export class UserDetailComponent implements OnInit, OnDestroy {
     private dialog: MatDialog
   ) { }
 
-  public ngOnInit() {
+  public ngOnInit() {}
+
+  public ngOnChanges(): void {
     this.rocketChatLink = this.getRocketChatLink();
     this.bookmarks$.pipe(untilComponentDestroyed(this)).subscribe(bookmarks => {
       const index = bookmarks.findIndex(p => p.Id === this.person.Id);