Replace yarn with npm (#609)

package.json had "packageManager": "[email protected]" but docker images are
using yarn 1.22

In recent years npm introduced package-lock.json, making yarn, & thus
having to deal with yarn v1/v2/v3, less necessary

This also bit me with `pacman -S yarn` because Arch stuck with yarn 1.22

.github/workflows/ui-build.yml

@@ -21,8 +21,8 @@ jobs:
 
       - name: Install Node.js dependencies
         working-directory: ui
-        run: yarn install --frozen-lockfile
+        run: npm ci
 
       - name: Build
         working-directory: ui
-        run: yarn build
+        run: npm run build

.github/workflows/ui-lint.yml

@@ -25,7 +25,7 @@ jobs:
 
       - name: Install Node.js dependencies
         working-directory: ui
-        run: yarn install --frozen-lockfile
+        run: npm ci
 
       - name: lint
         uses: wearerequired/lint-action@v2

stacks/peerdb-ui.Dockerfile

@@ -1,16 +1,16 @@
 # syntax=docker/dockerfile:1.2
 
 # Base stage
-FROM node:18-bookworm-slim AS base
+FROM node:20-bookworm-slim AS base
+ENV NPM_CONFIG_UPDATE_NOTIFIER=false
 RUN apt-get update && apt-get install -y openssl
 WORKDIR /app
 
 # Dependencies stage
 FROM base AS deps
 WORKDIR /app
-# Copy package.json and yarn.lock from ui folder to current directory in image
-COPY ui/package.json ui/yarn.lock* ui/.yarnrc.yml ./
-RUN yarn --frozen-lockfile
+COPY ui/package.json ui/package-lock.json ./
+RUN npm ci
 
 FROM base AS builder
 WORKDIR /app
@@ -19,10 +19,10 @@ COPY --from=deps /app/node_modules ./node_modules
 COPY ui/ ./
 
 # Prisma
-RUN yarn prisma generate
+RUN npx prisma generate
 
 ENV NEXT_TELEMETRY_DISABLED 1
-RUN yarn build
+RUN npm run build
 
 # Builder stage
 FROM base AS runner

ui/README.md

@@ -3,22 +3,19 @@ PeerDB Cloud Template
 ## Prerequisites
 
 - [NodeJS](https://nodejs.org/en): `18.17.1`
-- [yarn](https://yarnpkg.com/) package manager: `3.6.1`
 
 ## Getting Started
 
-Install dependencies using [yarn](https://classic.yarnpkg.com/en/)
-
 ```bash
-yarn
+npm ci
 ```
 
 ### Start the example project
 
 Start the NextJS dev server that runs the example project.
 
 ```bash
-yarn dev
+npm run dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
@@ -30,7 +27,7 @@ The example project files resides inside the `app` folder.
 Every UI component has a [Storybook](https://storybook.js.org/) story attached to it. To run and view the Storybook for the project run the following
 
 ```bash
-yarn storybook
+npm run storybook
 ```
 
 Open [http://localhost:6000](http://localhost:6000) with your browser to see the result.