Update home page stats (#445)

This updates the layout of the stats shown on the 'Home' tab to make it
more scalable to having more vaccine types, and also to show a breakdown
by site.

🗂️ [Jira card](https://nhsd-jira.digital.nhs.uk/browse/RAVS-2784)

## Before

Previously, a table was shown with a row for each of the past 7 days,
and each vaccine type being given by that organisation in columns (with
a Total at the end):

<img width="2240" height="2978" alt="stats-before"
src="https://github.com/user-attachments/assets/ce11d262-5faa-489a-a83e-88c88d8d1c44"
/>

However, this design doesn’t work so well when there are 7 or more
vaccine types, as the width of the table gets too wide and the table
becomes harder to read.

## After

Instead, the new design splits the data into multiple tables which are
shown as tabs. The first one has a row for each of the past 7 days but
only shows the total. The second has a row for each vaccine type, and
columns for Today, Past 7 days, Month to date and Total. The third one
has a row for each site, and columns for Today, Past 7 days, Month to
date and Total.

The "By vaccination" and "By site" tabs are only shown if there are at
least 2 vaccination types recorded or at least 2 different sites.

### Empty state

<img width="2210" height="2170" alt="empty"
src="https://github.com/user-attachments/assets/b92463e1-9410-4a3b-a080-a5581affc256"
/>

### First tab only (single vaccination type, single tab)

<img width="2210" height="3108" alt="localhost_3000_home (3)"
src="https://github.com/user-attachments/assets/a46b4fff-f9b8-4c5e-990b-c3dcc1420663"
/>

### By vaccination tab 

<img width="2210" height="2742" alt="by-vaccination"
src="https://github.com/user-attachments/assets/5ab8a8d4-3944-43b6-afe3-f630f835de54"
/>

### By site tab

<img width="2210" height="2498" alt="by-site"
src="https://github.com/user-attachments/assets/29462d1e-13de-4d4d-8f83-cecc5c08989e"
/>


--- 

The pull request also refactors this bit of the prototype quite a bit,
and adds a new option to the 'Prototype data setup' section to record
some dummy vaccinations.

Author: frankieroberto

app/data/session-data-defaults.js

@@ -15,82 +15,7 @@ module.exports = {
   currentUserId: "2387441662601",
   currentOrganisationId: "RW3",
   currentRegionId: "Y62",
-  vaccinationsRecorded: [
-    {
-      id: "ABC123",
-      date: {
-        day: "11",
-        month: "11",
-        year: "2024"
-      },
-      vaccine: "RSV",
-      vaccineProduct: "Abrysvo",
-      patient: {
-        name: "Jodie Brown",
-        nhsNumber: "9123123123"
-      },
-      batchNumber: "74725GJ0",
-      batchExpiryDate: "2025-01-05",
-      deliveryTeam: "Albert House",
-      vaccinator: "Anna Brown",
-      eligibility: ["Pregnant"],
-      pregnancyDueDate: {
-        day: "04",
-        month: "02",
-        year: "2025"
-      },
-      consent: "Patient",
-      injectionSite: "Left arm",
-      notes: "The patient has been taking Warfarin for 1 month as prescribed by GP.",
-      editable: true
-    },
-    {
-      id: "74HYD94",
-      date: {
-        day: "08",
-        month: "09",
-        year: "2024"
-      },
-      vaccine: "Flu",
-      vaccineProduct: "Flucelvax Tetra - QIVc",
-      patient: {
-        name: "Jodie Brown",
-        nhsNumber: "9123123123"
-      },
-      batchNumber: "872214",
-      batchExpiryDate: "2024-12-13",
-      deliveryTeam: "Albert House",
-      vaccinator: "Anna Brown",
-      eligibility: ["Based on age"],
-      consent: "Patient",
-      injectionSite: "Left arm",
-      notes: "",
-      editable: false
-    },
-    {
-      id: "8174GSY",
-      date: {
-        day: "09",
-        month: "09",
-        year: "2021"
-      },
-      vaccine: "COVID-19",
-      vaccineProduct: "Spikevax JN.1",
-      patient: {
-        name: "Jodie Brown",
-        nhsNumber: "9123123123"
-      },
-      batchNumber: "PU1234",
-      batchExpiryDate: "2022-02-15",
-      deliveryTeam: "Albert House",
-      vaccinator: "Anna Brown",
-      eligibility: ["Based on age"],
-      consent: "Patient",
-      injectionSite: "Left arm",
-      notes: "",
-      editable: true
-    }
-  ],
+  vaccinationsRecorded: [],
   data: [
     "Patients", "Staff", "Site or delivery team", "Assessment and consent", "Vaccination"
   ],

app/filters.js

@@ -43,6 +43,36 @@ module.exports = function (env) { /* eslint-disable-line no-unused-vars */
     }
   }
 
+  /**
+   * Returns the name of a month, eg 'November', when
+   * given the number of the month, eg 11.
+   *
+   * Note that the month number should start from 1 for
+   * January, rather than 0 (which is the default for
+   * JavaScript date objects).
+   *
+   * @param {Integer, string} monthNumber - number of the month
+   * @returns {String} Full name of the month in English
+  */
+  filters.monthName = function(monthNumber) {
+
+    try {
+      monthNumber = parseInt(monthNumber)
+
+      if (!monthNumber || (monthNumber < 1) || (monthNumber > 12)) {
+        throw new Error('Invalid monthNumber - must be between 1 and 12')
+      }
+
+      const date = new Date(Date.UTC(2000, (monthNumber - 1), 1, 0, 0, 0));
+      const dateFormatter = new Intl.DateTimeFormat('en-GB', {month: 'long'});
+
+      return dateFormatter.format(date)
+
+    } catch (error) {
+      return error.message.split(':')[0]
+    }
+  }
+
   /* ------------------------------------------------------------------
     add your methods to the filters obj below this comment block:
     @example:

app/routes/helpers.js

@@ -59,8 +59,59 @@ module.exports = router => {
       }
     }
 
-
     res.redirect('/vaccines')
   });
 
+
+  router.post('/prototype-setup/add-vaccinations', (req, res) => {
+    const data = req.session.data
+    const currentOrganisation = res.locals.currentOrganisation
+
+    const vaccinationsToAdd = parseInt(data.numberOfVaccinationsToAdd);
+
+    const dateToday = new Date()
+
+    const dayToday = (dateToday.getDate())
+    // Months in JavaScript are zero-indexed
+    const monthToday = (dateToday.getMonth() + 1)
+    const yearToday = (dateToday.getFullYear())
+
+
+    for (let i = 0; i < vaccinationsToAdd; i++) {
+
+      const generatedId = Math.floor(Math.random() * 10000000).toString()
+
+      data.vaccinationsRecorded.push({
+        id: generatedId,
+        siteId: "RW3NM",
+        date: {
+          day: dayToday,
+          month: monthToday,
+          year: yearToday
+        },
+        vaccine: "RSV",
+        vaccineProduct: "Abrysvo",
+        patient: {
+          name: "Jodie Brown",
+          nhsNumber: "9123123123"
+        },
+        batchNumber: "74725GJ0",
+        batchExpiryDate: "2025-01-05",
+        vaccinator: "Anna Brown",
+        eligibility: ["Pregnant"],
+        pregnancyDueDate: {
+          day: "04",
+          month: "02",
+          year: "2025"
+        },
+        consent: "Patient",
+        injectionSite: "Left arm",
+        notes: "The patient has been taking Warfarin for 1 month as prescribed by GP.",
+        editable: true
+      })
+    }
+
+    res.redirect('/home')
+  });
+
 }