fix: make direct campaign pages scrollable

webui/src/features/reports/AggregateReportsPage.tsx

@@ -8,6 +8,7 @@ import {
   DismissibleAlert,
   LoadingFrame,
   MetricCard,
+  PageScrollViewport,
   PageTitle,
   StatusBadge,
   TableActionGroup,
@@ -165,7 +166,8 @@ export default function AggregateReportsPage({ settings }: {settings: ApiSetting
   const outcomes = report?.outcomes;
 
   return (
-    <div className="content-pad workspace-data-page">
+    <PageScrollViewport className="aggregate-reports-page">
+      <div className="content-pad workspace-data-page">
       <div className="page-heading split workspace-heading">
         <div>
           <PageTitle loading={listLoading || reportLoading}>i18n:govoplan-campaign.reports.88bc3fe3</PageTitle>
@@ -245,7 +247,8 @@ export default function AggregateReportsPage({ settings }: {settings: ApiSetting
           </>
         )}
       </LoadingFrame>
-    </div>
+      </div>
+    </PageScrollViewport>
   );
 }