fix(admin-institutions): remove report-date pipe and use primeflex classes

- Replace custom ReportDatePipe with Angular's DatePipe
- Remove custom SCSS styles in institutions-summary component
- Use PrimeFlex utility classes for styling
- Delete report-date.pipe.ts and its test file

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

Author: Vlad0n20

src/app/features/admin-institutions/pages/institutions-summary/institutions-summary.component.html

@@ -5,21 +5,21 @@
 } @else {
   <div class="w-full">
     @if (summaryMetrics()?.reportYearmonth) {
-      <div class="last-updated-section mb-3">
-        <span class="last-updated-label">{{ 'adminInstitutions.summary.lastUpdated' | translate }}:</span>
-        <span class="last-updated-date">{{ summaryMetrics()!.reportYearmonth | reportDate }}</span>
+      <div class="flex align-items-center gap-2 text-sm text-color-secondary mb-3 pt-3">
+        <span class="font-semibold">{{ 'adminInstitutions.summary.lastUpdated' | translate }}:</span>
+        <span class="text-color font-medium">{{ summaryMetrics()!.reportYearmonth + '-01' | date: 'MMMM d, y' }}</span>
       </div>
     }
 
     <div class="flex flex-wrap mt-4 gap-3 md:gap-4">
       @for (item of statisticsData; track $index) {
-        <osf-statistic-card class="width-25" [label]="item.label | translate" [value]="item.value" />
+        <osf-statistic-card class="w-full sm:w-6 lg:flex-1" [label]="item.label | translate" [value]="item.value" />
       }
     </div>
 
     <div class="flex flex-wrap mt-4 gap-3 md:gap-4">
       @if (departmentLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-doughnut-chart
             [isLoading]="departmentsLoading()"
             [datasets]="departmentDataset()"
@@ -31,7 +31,7 @@
       }
 
       @if (projectsLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-doughnut-chart
             [isLoading]="summaryMetricsLoading()"
             [datasets]="projectDataset()"
@@ -43,7 +43,7 @@
       }
 
       @if (registrationsLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-doughnut-chart
             [isLoading]="summaryMetricsLoading()"
             [datasets]="registrationsDataset()"
@@ -55,7 +55,7 @@
       }
 
       @if (osfProjectsLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-doughnut-chart
             [isLoading]="summaryMetricsLoading()"
             [datasets]="osfProjectsDataset()"
@@ -67,7 +67,7 @@
       }
 
       @if (licenceLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-bar-chart
             [isLoading]="rightsLoading()"
             [datasets]="licenceDataset()"
@@ -81,7 +81,7 @@
       }
 
       @if (addonLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-bar-chart
             [isLoading]="storageRegionSearchLoading()"
             [datasets]="addonDataset()"
@@ -95,7 +95,7 @@
       }
 
       @if (storageLabels().length > 0) {
-        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 width-33">
+        <div class="grey-border-color border-round-lg border-1 p-3 md:p-4 w-full md:w-6 lg:flex-1">
           <osf-doughnut-chart
             [isLoading]="storageRegionSearchLoading()"
             [datasets]="storageDataset()"

src/app/features/admin-institutions/pages/institutions-summary/institutions-summary.component.scss

@@ -1,45 +1,5 @@
-@use "styles/variables" as var;
-
 :host {
   display: flex;
   flex-direction: column;
   flex: 1;
 }
-
-.width-25 {
-  width: calc(25% - 1.5rem);
-
-  @media (max-width: var.$breakpoint-sm) {
-    width: calc(50% - 0.5rem);
-  }
-}
-
-.width-33 {
-  width: calc(33% - 1rem);
-
-  @media (max-width: var.$breakpoint-lg) {
-    width: calc(50% - 1rem);
-  }
-
-  @media (max-width: var.$breakpoint-sm) {
-    width: 100%;
-  }
-}
-
-.last-updated-section {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 0.875rem; // 14px
-  color: var(--text-color-secondary);
-  padding: 0.75rem 0;
-
-  .last-updated-label {
-    font-weight: 600;
-  }
-
-  .last-updated-date {
-    color: var(--text-color);
-    font-weight: 500;
-  }
-}

src/app/features/admin-institutions/pages/institutions-summary/institutions-summary.component.ts

@@ -2,6 +2,7 @@ import { createDispatchMap, select } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
+import { DatePipe } from '@angular/common';
 import { ChangeDetectionStrategy, Component, effect, inject, OnInit, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
@@ -10,7 +11,6 @@ import { LoadingSpinnerComponent } from '@osf/shared/components/loading-spinner/
 import { StatisticCardComponent } from '@osf/shared/components/statistic-card/statistic-card.component';
 import { DatasetInput } from '@osf/shared/models/charts/dataset-input';
 import { SelectOption } from '@osf/shared/models/select-option.model';
-import { ReportDatePipe } from '@osf/shared/pipes/report-date.pipe';
 import { DoughnutChartComponent } from '@shared/components/doughnut-chart/doughnut-chart.component';
 
 import {
@@ -30,7 +30,7 @@ import {
     DoughnutChartComponent,
     BarChartComponent,
     TranslatePipe,
-    ReportDatePipe,
+    DatePipe,
   ],
   templateUrl: './institutions-summary.component.html',
   styleUrl: './institutions-summary.component.scss',