Bugfix/revert node v (#250)

* Revert node versions to 16 for build

* Add overflow scroll to comments

Author: NiallJoeMaher

Dockerfile

@@ -1,5 +1,5 @@
 # Install dependencies only when needed
-FROM public.ecr.aws/docker/library/node:18 AS deps
+FROM public.ecr.aws/docker/library/node:16 AS deps
 # Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
 # RUN apk add --no-cache libc6-compat
 WORKDIR /app
@@ -10,7 +10,7 @@ COPY prisma ./prisma
 RUN npm ci
 
 # Rebuild the source code only when needed
-FROM public.ecr.aws/docker/library/node:18 AS builder
+FROM public.ecr.aws/docker/library/node:16 AS builder
 # RUN apt-get update -y \
 #     && apt-get install -y openssl
 
@@ -27,7 +27,7 @@ RUN npx prisma generate
 RUN npm run build
 
 # Production image, copy all the files and run next
-FROM public.ecr.aws/docker/library/node:18 AS runner
+FROM public.ecr.aws/docker/library/node:16 AS runner
 WORKDIR /app
 
 ENV NODE_ENV production

components/Comments/CommentsArea.tsx

@@ -292,7 +292,7 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
                 </div>
 
                 <div className="border-l-2 border-slate-700 ml-4 pl-2 -mt-2">
-                  <div className="prose prose-invert text-sm">
+                  <div className="prose prose-invert text-sm overflow-x-scroll">
                     {Markdoc.renderers.react(content, React, {
                       components: markdocComponents,
                     })}
@@ -407,7 +407,7 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
         )}
         {viewPreviewId === id ? (
           <article
-            className="prose prose-invert text-sm"
+            className="prose prose-invert text-sm overflow-x-scroll"
             style={{ whiteSpace: "pre-wrap" }}
           >
             {Markdoc.renderers.react(