More face fixes (#17630)

* update max upload to 20mb

* ensure cancel button doesn't submit form

* update nginx config

docker/main/rootfs/usr/local/nginx/conf/nginx.conf

@@ -82,7 +82,7 @@ http {
         aio on;
 
         # file upload size
-        client_max_body_size 10M;
+        client_max_body_size 20M;
 
         # https://github.com/kaltura/nginx-vod-module#vod_open_file_thread_pool
         vod_open_file_thread_pool default;

web/src/components/input/ImageEntry.tsx

@@ -25,7 +25,7 @@ type ImageEntryProps = {
 export default function ImageEntry({
   onSave,
   children,
-  maxSize = 10 * 1024 * 1024, // 10MB default
+  maxSize = 20 * 1024 * 1024, // 20MB default
   accept = { "image/*": [".jpeg", ".jpg", ".png", ".gif", ".webp"] },
 }: ImageEntryProps) {
   const { t } = useTranslation(["views/faceLibrary"]);

web/src/components/overlay/dialog/UploadImageDialog.tsx

@@ -35,7 +35,9 @@ export default function UploadImageDialog({
         </DialogHeader>
         <ImageEntry onSave={onSave}>
           <DialogFooter className="pt-4">
-            <Button onClick={() => setOpen(false)}>{t("button.cancel")}</Button>
+            <Button type="button" onClick={() => setOpen(false)}>
+              {t("button.cancel")}
+            </Button>
             <Button variant="select" type="submit">
               {t("button.save")}
             </Button>