refactor: update imports in multiple components to include JSX for im…

…proved type support and consistency across the application

src/react/DataServiceRoleProvider.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo, useState } from 'react';
+import { createContext, useContext, useMemo, useState, JSX } from 'react';
 import { useParams } from 'react-router';
 import { noopBasedEventDispatcher, regexArn, useAccounts } from './utils/hooks';
 import { getRoleArnStored, setRoleArnStored } from './utils/localStorage';

src/react/ManagementProvider.tsx

@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo } from 'react';
+import { createContext, useContext, useMemo, JSX } from 'react';
 import makeMgtClient, { UiFacingApiWrapper } from '../js/managementClient';
 import { useAccessToken } from './next-architecture/ui/AuthProvider';
 import { useConfig } from './next-architecture/ui/ConfigProvider';

src/react/account/AccountEditCommonLayout.tsx

@@ -1,4 +1,4 @@
-import { FormEvent, MouseEvent, useState } from 'react';
+import { FormEvent, MouseEvent, useState, JSX } from 'react';
 import { Form, FormGroup, FormSection, Icon, Stack } from '@scality/core-ui';
 import { Box, Button, CopyButton } from '@scality/core-ui/dist/next';
 import { Controller, Control } from 'react-hook-form';