fix: address review feedback

Author: santhosh-7777

webapp/src/ts/components/panel-header/panel-header.component.html

@@ -5,4 +5,4 @@
       <mat-icon svgIcon="icon-close"></mat-icon>
     </a>
   }
-</div>
+</div>

webapp/src/ts/components/report-image/report-image.component.html

@@ -1,3 +1,6 @@
+@if (loading) {
+  <div class="loader"></div>
+}
 @if (!loading) {
-  <img class="report-image" [src]="objectUrl" alt="Report" />
-}
+  <img class="report-image" [src]="objectUrl" />
+}

webapp/src/ts/components/snackbar/snackbar.component.html

@@ -3,10 +3,10 @@
     <span class="snackbar-message">{{message}}</span>
 
     @if (action) {
-    <button class="snackbar-action" (click)="action.onClick()">
-      {{action.label}}
-    </button>
+      <span class="snackbar-action" (click)="action.onClick()">
+        {{action.label}}
+      </span>
     }
 
   </span>
-</div>
+</div>

webapp/src/ts/components/snackbar/snackbar.component.ts

@@ -12,7 +12,6 @@ import { GlobalActions } from '@mm-actions/global';
   selector: 'snackbar',
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: './snackbar.component.html',
-  
 })
 export class SnackbarComponent implements OnInit, OnDestroy {
   private subscription: Subscription = new Subscription();

webapp/src/ts/modals/check-date/check-date.component.html

@@ -20,4 +20,4 @@
     </p>
   }
 
-</mm-modal-layout>
+</mm-modal-layout>

webapp/src/ts/modals/feedback/feedback.component.html

@@ -18,4 +18,4 @@
 
     </div>
   </form>
-</mm-modal-layout>
+</mm-modal-layout>

webapp/src/ts/modules/messages/messages-more-menu.component.html

@@ -11,4 +11,4 @@
       </button>
     </mat-menu>
   </section>
-}
+}