fix: use profileImage attribute for profile picture

src/app/models/user.model.ts

@@ -10,6 +10,7 @@ export class User {
   validationToken: string;
   structuresLink: string[];
   pendingStructuresLink: string[] = [];
+  profileImage: string;
 
   constructor(obj?: any) {
     Object.assign(this, obj);

src/app/profile/profile.component.html

 <div fxLayout="column" class="content-container full-screen" *ngIf="userProfile">
   <div class="profileSection">
     <div class="section-container" fxLayout="row">
+      <ng-container *ngIf="userProfile.profileImage">
+        <img class="cameraProfile" src="userProfile.profileImage">
+      </ng-container>
       <div class="profileInformation" fxLayoutGap="18px" fxLayout="column">
         <div fxLayout="row" fxLayoutAlign="space-between center">
           <p class="profileName">{{ userProfile.name | titlecase }} {{ userProfile.surname | titlecase }}</p>

src/app/profile/profile.component.ts

@@ -25,6 +25,7 @@ export class ProfileComponent implements OnInit {
   ngOnInit(): void {
     this.profileService.getProfile().then((profile) => {
       this.userProfile = profile;
+      console.log(this.userProfile.profileImage)
       this.structures = [];
       profile.structuresLink.forEach((structureId) => {
         this.structureService.getStructureWithOwners(structureId, profile).subscribe((s) => {