Update front dependencies

front/Dockerfile

@@ -1,21 +1,40 @@
-FROM ubuntu:23.04
+FROM node:20.16.0-alpine
+RUN npm install -g npm@10.8.2
 
-RUN apt-get update
-RUN apt-get install -y git
+WORKDIR /app
+COPY ./package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
 
-ENV NODE_VERSION=18.13.0
-RUN apt install -y curl iproute2
-RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
-ENV NVM_DIR=/root/.nvm
-RUN . "$NVM_DIR/nvm.sh" && nvm install ${NODE_VERSION}
-RUN . "$NVM_DIR/nvm.sh" && nvm use v${NODE_VERSION}
-RUN . "$NVM_DIR/nvm.sh" && nvm alias default v${NODE_VERSION}
+EXPOSE 3000
+CMD ["npm", "run", "start"]
 
-COPY . /home/node/MyFab_Front/
-WORKDIR /home/node/MyFab_Front/
-ENV PATH="/root/.nvm/versions/node/v${NODE_VERSION}/bin/:${PATH}"
+#FROM ubuntu:23.04
 
-RUN npm install
-RUN npm run build
+#RUN apt-get update
+#RUN apt-get install -y git sudo
+#RUN apt install -y curl iproute2
+
+#USER ubuntu
+#ENV NODE_VERSION=20.16.0
+#RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
+#ENV NVM_DIR=/home/ubuntu/.nvm
+#RUN . "$NVM_DIR/nvm.sh" && nvm install ${NODE_VERSION}
+#RUN . "$NVM_DIR/nvm.sh" && nvm use v${NODE_VERSION}
+#RUN . "$NVM_DIR/nvm.sh" && nvm alias default v${NODE_VERSION}
+#ENV PATH="/home/ubuntu/.nvm/versions/node/v${NODE_VERSION}/bin/:${PATH}"
+#RUN npm install -g npm@10.8.2
+#RUN npm install -g yarn
+
+#USER root
+#COPY . /home/ubuntu/MyFab_Front/
+#RUN chown -R ubuntu /home/ubuntu/MyFab_Front/
+#RUN chgrp -R ubuntu /home/ubuntu/MyFab_Front/
+#USER ubuntu
+#WORKDIR /home/ubuntu/MyFab_Front/
+
+#RUN npm install
+#RUN npm run build
 
-CMD ["npm", "run", "start"]
+#CMD ["npm", "run", "start"]

front/components/buttonLayoutPanel.js

@@ -9,7 +9,7 @@ export default function ButtonLayoutPanel({ item, suffix, darkMode }) {
         item.className.reduce(
           (accumulator, currentValue) =>
             accumulator + " " + currentValue + (suffix ? "-" + suffix : ""),
-          ""
+          "",
         ) +
           " " +
           (item.current
@@ -23,7 +23,7 @@ export default function ButtonLayoutPanel({ item, suffix, darkMode }) {
                   ? "bg-gray-700 hover:bg-gray-800 text-white hover:text-gray-100"
                   : "text-gray-700 hover:text-gray-900 bg-gray-100 hover:bg-gray-200"
               }`) +
-          " group flex items-center px-2 py-2 text-sm font-medium rounded-md select-none"
+          " group flex items-center px-2 py-2 text-sm font-medium rounded-md select-none",
       )}
       aria-current={item.current ? "page" : undefined}
     >
@@ -32,7 +32,7 @@ export default function ButtonLayoutPanel({ item, suffix, darkMode }) {
           item.current
             ? "text-gray-500"
             : "text-gray-400 group-hover:text-gray-500",
-          "mr-3 flex-shrink-0 h-6 w-6"
+          "mr-3 flex-shrink-0 h-6 w-6",
         )}
         aria-hidden="true"
       />

front/components/faq.js

@@ -1,5 +1,5 @@
 import { Disclosure } from "@headlessui/react";
-import { ChevronDownIcon } from "@heroicons/react/outline";
+import { ChevronDownIcon } from "@heroicons/react/24/outline";
 
 function classNames(...classes) {
   return classes.filter(Boolean).join(" ");
@@ -50,7 +50,7 @@ export default function Faq({ className = "", questions = [], darkMode }) {
                           className={
                             classNames(
                               open ? "-rotate-180" : "rotate-0",
-                              "faq-button h-6 w-6 transform"
+                              "faq-button h-6 w-6 transform",
                             ) + ` ${darkMode ? "text-white" : ""}`
                           }
                           aria-hidden="true"