chore(frontend): improve file upload input semantics

frontend/src/components/FileField.tsx

@@ -48,12 +48,29 @@
   const filePresent = value?.downloadUrl || value?.data;
 
   return (
-    <>
-      <input
-        type="file"
-        style={{ display: "none" }}
-        ref={ref}
-        onChange={onFileChange}
-      />
-      <ButtonGroup variant={filePresent ? "outlined" : "text"}>
+    <ButtonGroup variant={filePresent ? "outlined" : "text"}>
+      <Button
+        fullWidth
+        startIcon={<FileUploadIcon />}
+        disabled={disabled}
+        onClick={chooseFile}
+        component="label"
+        role={undefined}
+      >
+        {label}
+        {filePresent
+          ? ` (${getFileName()}): Modifier le fichier`
+          : " : Choisir un fichier"}
+        <input
+          type="file"
+          style={{ display: "none" }}
+          ref={ref}
+          onChange={onFileChange}
+        />
+      </Button>
+      <ButtonTooltip
+        title={
+          filePresent ? "Télécharger le fichier" : "Aucun fichier en ligne"
+        }
+      >
         <Button
@@ -59,6 +76,6 @@
         <Button
-          fullWidth
-          startIcon={<FileUploadIcon />}
-          disabled={disabled}
-          onClick={chooseFile}
+          startIcon={<Visibility />}
+          disabled={disabled || !filePresent}
+          href={getFileDownloadUrl(value)}
+          download={getFileName()}
         >
@@ -64,6 +81,3 @@
         >
-          {label}
-          {filePresent
-            ? ` (${getFileName()}): Modifier le fichier`
-            : " : Choisir un fichier"}
+          Voir
         </Button>
@@ -69,19 +83,5 @@
         </Button>
-        <ButtonTooltip
-          title={
-            filePresent ? "Télécharger le fichier" : "Aucun fichier en ligne"
-          }
-        >
-          <Button
-            startIcon={<Visibility />}
-            disabled={disabled || !filePresent}
-            href={getFileDownloadUrl(value)}
-            download={getFileName()}
-          >
-            Voir
-          </Button>
-        </ButtonTooltip>
-      </ButtonGroup>
-    </>
+      </ButtonTooltip>
+    </ButtonGroup>
   );
 }