Don't load kitten picture from third party site

frontend/Dockerfile.e2e

@@ -5,7 +5,7 @@ WORKDIR /frontend
 
 COPY ./package.json ./pnpm-workspace.yaml ./pnpm-lock.yaml /frontend/
 COPY ./e2e/package.json /frontend/e2e/
-RUN corepack enable pnpm && pnpm install
+RUN corepack enable && corepack prepare pnpm@7.33.6 --activate && pnpm install
 
 COPY ./e2e/playwright.config.ts /frontend/e2e/
 COPY ./e2e/tests /frontend/e2e/tests/

frontend/apps/remark42/.stylelintignore

@@ -1,3 +1,4 @@
 node_modules
 public
-extracted-messages
+extracted-messages
+*.jpeg

frontend/apps/remark42/package.json

@@ -76,6 +76,7 @@
     "babel-plugin-jsx-remove-data-test-id": "^3.0.0",
     "clean-webpack-plugin": "^4.0.0",
     "codecov": "^3.8.3",
+    "copy-webpack-plugin": "^12.0.2",
     "cross-env": "^7.0.3",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",

frontend/apps/remark42/templates/markdown-help.html

@@ -348,7 +348,7 @@ <h2 id="Images">Images</h2>
           <p>If you want to embed images, this is how you do it:</p>
           <pre>![Image of my cat](https://placekitten.com/400/400)</pre>
           <p>
-            <img src="https://placekitten.com/400/400" width="400" height="400" alt="" />
+            <img src="400x400.jpeg" width="400" height="400" alt="" />
           </p>
 
           <h2 id="Code">Code</h2>

frontend/apps/remark42/webpack.config.js

@@ -5,6 +5,7 @@ const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
 const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 const RefreshPlugin = require('@prefresh/webpack');
@@ -294,6 +295,14 @@ module.exports = (_, { mode, analyze }) => {
     },
     plugins: [
       ...plugins,
+      new CopyPlugin({
+        patterns: [
+          {
+            from: path.resolve(__dirname, 'templates/400x400.jpeg'),
+            to: PUBLIC_FOLDER_PATH,
+          },
+        ],
+      }),
       new ForkTsCheckerWebpackPlugin(),
       new HtmlWebpackPlugin({
         template: path.resolve(__dirname, 'templates/iframe.ejs'),