Make the component definitions consistent

components/Accounts.tsx

@@ -8,13 +8,13 @@ import { addAccount } from '../utils/Accounts';
 import styles from '../styles/stylesheet';
 import HDPathDialog from './HDPathDialog';
 
-const Accounts: React.FC<AccountsProps> = ({
+const Accounts = ({
   network,
   accounts,
   updateAccounts,
   currentIndex,
   updateIndex: updateId,
-}) => {
+}: AccountsProps) => {
   const navigation =
     useNavigation<NativeStackNavigationProp<StackParamsList>>();
   const [expanded, setExpanded] = useState(false);

components/Dialog.tsx

@@ -12,11 +12,11 @@ type CustomDialogProps = {
   titleText?: string;
 };
 
-const DialogComponent: React.FC<CustomDialogProps> = ({
+const DialogComponent = ({
   visible,
   hideDialog,
   contentText,
-}) => {
+}: CustomDialogProps) => {
   const words = contentText.split(' ');
 
   return (

components/Grid.tsx

@@ -5,7 +5,7 @@ import { Text } from 'react-native-paper';
 import styles from '../styles/stylesheet';
 import { GridViewProps } from '../types';
 
-const GridView: React.FC<GridViewProps> = ({ words }) => {
+const GridView = ({ words }: GridViewProps) => {
   return (
     <View style={styles.gridContainer}>
       {words.map((word, index) => (

components/NetworkDropdown.tsx

@@ -5,7 +5,7 @@ import { List } from 'react-native-paper';
 import { NetworkDropdownProps } from '../types';
 import styles from '../styles/stylesheet';
 
-const NetworkDropdown: React.FC<NetworkDropdownProps> = ({ updateNetwork }) => {
+const NetworkDropdown = ({ updateNetwork }: NetworkDropdownProps) => {
   const [expanded, setExpanded] = useState<boolean>(false);
   const [selectedNetwork, setSelectedNetwork] = useState<string>('Ethereum');