Fix up - Reverted a couple breaking changes

.github/workflows/github-actions-ci.yml

@@ -2,7 +2,7 @@ name: Github Actions CI
 on: [push]
 
 env:
-  NODE_VERSION: "24.x" # set this to the node version to use
+  NODE_VERSION: "22.x" # set this to the node version to use
 
 jobs:
   back-end-ci:

.github/workflows/playwright.yml

@@ -12,7 +12,7 @@ jobs:
     - uses: actions/checkout@v4
     - uses: actions/setup-node@v4
       with:
-        node-version: 24.x
+        node-version: 22.x
     - name: Install dependencies
       run: npm ci
     - name: Install Playwright Browsers

.nvmrc

@@ -1 +1 @@
-v24.16.0
+v22.20.0

docker/Dockerfile

@@ -1,5 +1,5 @@
 # Build stage
-FROM node:24 AS builder
+FROM node:22 AS builder
 
 # Create app directory
 WORKDIR /app
@@ -24,7 +24,7 @@ COPY workbox-config.js .
 RUN npm run build
 
 # Production stage
-FROM node:24-slim
+FROM node:22-slim
 
 WORKDIR /app
 

package.json

@@ -6,7 +6,7 @@
   "private": true,
   "license": "UNLICENSED",
   "engines": {
-    "node": "24.x"
+    "node": "22.x"
   },
   "scripts": {
     "build": "nest build && npm run generate",

views/layout.hbs

@@ -57,12 +57,11 @@ https://nestjs-i18n.com/quick-start --}}
   swaps out the body of the html with the response. This results in a smoother
   user experience where the body gets swapped out without a full page reload
   similar to a SPA. https://htmx.org/attributes/hx-boost/
-  https://htmx.org/quirks/#some-people-don-t-like-hx-boost
-  safe-area-inset-bottom ensures smartphone nav doesnt interfere with UI. }}
+  https://htmx.org/quirks/#some-people-don-t-like-hx-boost}}
   <body
     hx-boost="true"
     hx-ext="sse"
-    class="h-screen flex flex-col bottom-[calc(4rem+env(safe-area-inset-bottom,0px))]"
+    class="h-screen flex flex-col"
   >
     {{! Caution: Triple brackets in handlebarsjs disables auto-escaping and may
     pose a XSS risk with HTMX. However the exception to this rule is when