merging code

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/reports/reports.component.html

@@ -50,7 +50,11 @@
     <div class="rpt-detail">
       <!-- Breadcrumb -->
       <div class="rpt-detail__header">
-        <button mat-stroked-button class="rpt-back-btn" (click)="selectedSubCategory ? backToSubCategories() : clearCategory()">
+        <button
+          mat-stroked-button
+          class="rpt-back-btn"
+          (click)="selectedSubCategory ? backToSubCategories() : clearCategory()"
+        >
           <i class="fas fa-arrow-left"></i>
           {{ selectedSubCategory ? selectedCategory : 'All Categories' }}
         </button>
@@ -65,7 +69,11 @@
         <div class="rpt-search-row">
           <mat-form-field appearance="outline" class="rpt-search">
             <i class="fas fa-search rpt-search__icon" matPrefix></i>
-            <input matInput placeholder="Search in {{ selectedCategory }}..." (keyup)="applyFilter($event.target.value)" />
+            <input
+              matInput
+              placeholder="Search in {{ selectedCategory }}..."
+              (keyup)="applyFilter($event.target.value)"
+            />
           </mat-form-field>
         </div>
 
@@ -124,9 +132,13 @@
         </td>
       </ng-container>
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns" class="rpt-row"
+      <tr
+        mat-row
+        *matRowDef="let row; columns: displayedColumns"
+        class="rpt-row"
         [routerLink]="['/reports', 'run', row.reportName]"
-        [queryParams]="{ type: row.reportType, id: row.id }"></tr>
+        [queryParams]="{ type: row.reportType, id: row.id }"
+      ></tr>
     </table>
     <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
   </div>