fix: sonar cloud code smells

Author: ntatoud

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

@@ -17,7 +17,7 @@ const mockFile: FieldUploadValue = {
   lastModifiedDate: new Date(mockFileRaw.lastModified),
   size: mockFileRaw.size.toString(),
   type: mockFileRaw.type,
-  name: mockFileRaw.name,
+  name: mockFileRaw.name ?? '',
 };
 
 test('update value', async () => {
@@ -75,7 +75,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!);
+  const input = screen.getByLabelText<HTMLInputElement>(mockFile.name ?? '');
   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/index.tsx

@@ -1,7 +1,12 @@
 import { ChangeEvent, ReactNode } from 'react';
 
-import { Icon, Spinner, chakra } from '@chakra-ui/react';
-import { Input, InputProps } from '@chakra-ui/react';
+import {
+  Icon,
+  Input,
+  type InputProps,
+  Spinner,
+  chakra,
+} from '@chakra-ui/react';
 import { Controller, FieldPath, FieldValues } from 'react-hook-form';
 import { FiPaperclip } from 'react-icons/fi';
 

src/features/account/service.ts

@@ -1,5 +1,4 @@
-import { useMutation } from '@tanstack/react-query';
-import { useQuery } from '@tanstack/react-query';
+import { useMutation, useQuery } from '@tanstack/react-query';
 
 import { trpc } from '@/lib/trpc/client';