improve profile reactiveness and action page performance

src/app/modals/profile/profile.page.ts

@@ -17,6 +17,9 @@ import { NotificationRepositoryService } from 'src/app/module/notification/data/
 import { Observable } from 'rxjs';
 import { NotificationTable } from 'src/app/module/notification/data/infra/db/notification.db';
 import { isHttpError } from 'src/app/services/http.service';
+import { UserRepositoryService } from 'src/app/module/user/data/user-repository.service';
+import { UserProfilePicture } from 'src/app/module/user/data/datasource/user-local-repository.service';
+
 @Component({
   selector: 'app-profile',
   templateUrl: './profile.page.html',
@@ -50,6 +53,7 @@ export class ProfilePage implements OnInit {
   notificationList$: Observable<NotificationTable[]>
 
   objectRead = {}
+  profilePictureSubject: Observable<UserProfilePicture>
 
   constructor(
     private modalController: ModalController,
@@ -64,10 +68,11 @@ export class ProfilePage implements OnInit {
     private authservice: AuthService,
     private agendaDataRepository: AgendaDataRepositoryService,
     private toastService: ToastService,
-    private notificationRepositoryService: NotificationRepositoryService
+    private notificationRepositoryService: NotificationRepositoryService,
+    private UserRepositoryService: UserRepositoryService
   ) {
 
-
+    this.profilePictureSubject = this.UserRepositoryService.getProfilePictureLive() as any
     window['e'] = () => {
       console.log(
         this.zone.run(() => this.router.navigate(['/home/chat']))