fix(file-upload): Apply feedbacks

Author: ntatoud

src/components/Form/FieldUpload/FieldUpload.spec.tsx

@@ -76,8 +76,7 @@ test('default value', async () => {
 
   // Here we can use '!' on mockFile.name to prevent TS error because we are sure it is defined
   const input = screen.getByLabelText<HTMLInputElement>(mockFile.name!);
-  await user.upload(input, mockFile.file ?? []);
-  expect(input.files ? input.files[0] : []).toBe(mockFile.file);
+  expect(input.files ? input.files[0] : []).toBe(undefined);
   await user.click(screen.getByRole('button', { name: 'Submit' }));
   expect(mockedSubmit).toHaveBeenCalledWith({ file: mockFile });
 });

src/components/Form/FieldUpload/docs.stories.tsx

@@ -66,12 +66,7 @@ export const WithDefaultValue = () => {
   return (
     <Form {...form} onSubmit={(values) => console.log(values)}>
       <Stack spacing={4}>
-        <FormField
-          control={form.control}
-          type="upload"
-          name="file"
-          label="Name"
-        />
+        <FormField type="upload" name="file" label="Name" />
         <Box>
           <Button type="submit" variant="@primary">
             Submit
@@ -97,12 +92,7 @@ export const WithPreview = () => {
   return (
     <Form {...form} onSubmit={(values) => console.log(values)}>
       <Stack spacing={4}>
-        <FormField
-          control={form.control}
-          type="upload"
-          name="file"
-          label="Name"
-        />
+        <FormField type="upload" name="file" label="Name" />
         <FieldUploadPreview uploaderName="file" />
         <Box>
           <Button type="submit" variant="@primary">