chore: fix other uses of avatar

src/app/profile/profile.component.html

@@ -42,7 +42,7 @@
       />
     </div>
     <div class="profile">
-      <img class="avatar" src="../../assets/avatar/defaultAvatar.svg" alt="" height="120" width="120" />
+      <img src="../../assets/avatar/defaultAvatar.svg" class="hide-on-mobile" alt="" height="120" width="120" />
       <div class="information">
         <div class="block">
           <div class="name">{{ userProfile.name | userName }} {{ userProfile.surname | uppercase }}</div>

src/app/profile/profile.component.scss

@@ -52,11 +52,6 @@ section {
   gap: 1rem;
   width: 100%;
 
-  .avatar {
-    @media #{$tablet} {
-      display: none;
-    }
-  }
   .information {
     flex: 1;
     display: flex;

src/app/profile/structure-members-management/structure-members-management.component.html

@@ -22,11 +22,12 @@
   <div *ngIf="structureWithOwners && tempUsers" class="membersList">
     <div *ngFor="let member of structureWithOwners.owners" class="memberCard">
       <div class="user">
-        <app-svg-icon
-          class="avatar hide-on-mobile"
-          [folder]="'avatar'"
-          [icon]="'defaultAvatar'"
-          [iconClass]="'icon-40'"
+        <img
+          src=" ../../../../../assets/avatar/defaultAvatar.svg"
+          class="hide-on-mobile"
+          alt=""
+          height="40"
+          width="40"
         />
         <div class="info-member">
           <a class="member" routerLink="/profile/{{ member._id }}">

src/app/profile/structure-members-management/structure-members-management.component.scss

@@ -47,12 +47,7 @@
 
       .user {
         display: flex;
-        gap: 8px;
-
-        .avatar {
-          background-color: $grey-9;
-          border-radius: 4px;
-        }
+        gap: 24px;
         .info-member {
           display: flex;
           flex-direction: column;

src/app/shared/components/member-card/member-card.component.html

@@ -6,7 +6,7 @@
   (keyup.enter)="cardClicked()"
 >
   <input *ngIf="showRadioButton" type="radio" tabindex="-1" id="{{ member._id }}" [checked]="isChecked" />
-  <app-svg-icon class="hide-on-mobile" [folder]="'avatar'" [icon]="'defaultAvatar'" [iconClass]="'icon-48'" />
+  <img src=" ../../../../../../assets/avatar/defaultAvatar.svg" class="hide-on-mobile" alt="" height="40" width="40" />
   <div class="infoDetails" [ngClass]="{ largeCard: showAppointment }">
     <p class="name">{{ member.name | userName }} {{ member.surname | uppercase }}</p>
     <p>{{ getJob() }}</p>