Update node packages, fix issues

frontend/src/App/theme.tsx

@@ -9,14 +9,7 @@ import { useColorScheme } from "@mantine/hooks";
 import { FunctionComponent, useCallback, useEffect, useState } from "react";
 
 const theme: MantineThemeOverride = {
-  fontFamily: [
-    "Roboto",
-    "open sans",
-    "Helvetica Neue",
-    "Helvetica",
-    "Arial",
-    "sans-serif",
-  ],
+  fontFamily: "Roboto, open sans, Helvetica Neue, Helvetica, Arial, sans-serif",
   colors: {
     brand: [
       "#F8F0FC",

frontend/src/components/forms/MovieUploadForm.tsx

@@ -134,12 +134,13 @@ const MovieUploadForm: FunctionComponent<Props> = ({
   }, [form.values.files.length, modals]);
 
   const action = useArrayAction<SubtitleFile>((fn) => {
-    form.setValues(({ files, ...rest }) => {
-      const newFiles = fn(files);
+    form.setValues((values) => {
+      const newFiles = fn(values.files ?? []);
       newFiles.forEach((v) => {
         v.validateResult = validator(movie, v);
       });
-      return { ...rest, files: newFiles };
+
+      return { ...values, files: newFiles };
     });
   });
 

frontend/src/components/forms/ProfileEditForm.tsx

@@ -95,7 +95,7 @@ const ProfileEditForm: FunctionComponent<Props> = ({
   );
 
   const action = useArrayAction<Language.ProfileItem>((fn) => {
-    form.setValues((values) => ({ ...values, items: fn(values.items) }));
+    form.setValues((values) => ({ ...values, items: fn(values.items ?? []) }));
   });
 
   const addItem = useCallback(() => {

frontend/src/components/forms/SeriesUploadForm.tsx

@@ -142,12 +142,12 @@ const SeriesUploadForm: FunctionComponent<Props> = ({
   });
 
   const action = useArrayAction<SubtitleFile>((fn) => {
-    form.setValues(({ files, ...rest }) => {
-      const newFiles = fn(files);
+    form.setValues((values) => {
+      const newFiles = fn(values.files ?? []);
       newFiles.forEach((v) => {
         v.validateResult = validator(v);
       });
-      return { ...rest, files: newFiles };
+      return { ...values, files: newFiles };
     });
   });