Update to cypress 9 and fix firefox upload crash (#1653)

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
Co-authored-by: Renovate Bot <bot@renovateapp.com>

src/components/editor-page/sidebar/import-markdown-sidebar-entry.tsx

@@ -43,7 +43,7 @@ export const ImportMarkdownSidebarEntry: React.FC = () => {
 
   return (
     <Fragment>
-      <SidebarButton {...cypressId('menu-import-markdown')} icon={'file-text-o'} onClick={buttonClick}>
+      <SidebarButton {...cypressId('menu-import-markdown-button')} icon={'file-text-o'} onClick={buttonClick}>
         <Trans i18nKey={'editor.import.file'} />
       </SidebarButton>
       <UploadInput

src/components/editor-page/sidebar/upload-input.tsx

@@ -21,11 +21,12 @@ export interface UploadInputProps extends PropsWithDataCypressId {
 export const UploadInput: React.FC<UploadInputProps> = ({ onLoad, acceptedFiles, onClickRef, ...props }) => {
   const fileInputReference = useRef<HTMLInputElement>(null)
   const onClick = useCallback(() => {
-    const fileInput = fileInputReference.current
-    if (!fileInput) {
-      return
-    }
-    fileInput.addEventListener('change', () => {
+    fileInputReference.current?.click()
+  }, [])
+
+  const onChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(
+    (event) => {
+      const fileInput = event.currentTarget
       if (!fileInput.files || fileInput.files.length < 1) {
         return
       }
@@ -37,13 +38,22 @@ export const UploadInput: React.FC<UploadInputProps> = ({ onLoad, acceptedFiles,
         .catch((error: Error) => {
           log.error('Error while uploading file', error)
         })
-    })
-    fileInput.click()
-  }, [onLoad])
+    },
+    [onLoad]
+  )
 
   useEffect(() => {
     onClickRef.current = onClick
   })
 
-  return <input {...cypressId(props)} type='file' ref={fileInputReference} className='d-none' accept={acceptedFiles} />
+  return (
+    <input
+      {...cypressId(props)}
+      onChange={onChange}
+      type='file'
+      ref={fileInputReference}
+      className='d-none'
+      accept={acceptedFiles}
+    />
+  )
 }