feat(frontend): Render filename on FileField

frontend/src/components/FileField.tsx

@@ -3,7 +3,7 @@
 import Visibility from "@mui/icons-material/Visibility";
 import { ChangeEventHandler, useRef } from "react";
 import { CWFile } from "@/types";
-import { downloadFile, openFile } from "@/utils";
+import { downloadFile, getFileNameFromURL, openFile } from "@/utils";
 import { ButtonTooltip } from "./ButtonTooltip";
 
 interface FileFieldProps {
@@ -67,7 +67,10 @@
           disabled={disabled}
           onClick={chooseFile}
         >
-          {label}: {filePresent ? "Modifier le fichier" : "Choisir un fichier"}
+          {label}
+          {filePresent
+            ? ` ${getFileName()}: Modifier le fichier`
+            : " : Choisir un fichier"}
         </Button>
         <ButtonTooltip
           title={

frontend/src/utils.ts

@@ -13,3 +13,7 @@
   });
   return await response.blob();
 }
+
+export function getFileNameFromURL(url: string): string {
+  return url.slice(url.lastIndexOf("/") + 1);
+}