use mui/lab LoadingButton for CreateWallet

src/components/CreateWallet.tsx

@@ -1,6 +1,6 @@
 import { View } from 'react-native';
 import React from 'react';
-import { Button } from 'react-native-paper';
+import { LoadingButton } from '@mui/lab';
 
 import { CreateWalletProps } from '../types';
 import styles from '../styles/stylesheet';
@@ -11,14 +11,14 @@ const CreateWallet = ({
 }: CreateWalletProps) => {
   return (
     <View>
-      <View style={styles.createWalletContainer}>
-        <Button
-          mode="contained"
+      <View>
+        <LoadingButton
+          variant="contained"
           loading={isWalletCreating}
           disabled={isWalletCreating}
-          onPress={createWalletHandler}>
-          {isWalletCreating ? 'Creating' : 'Create Wallet'}
-        </Button>
+          onClick={createWalletHandler}>
+          {isWalletCreating ? 'Creating' : 'CREATE WALLET'}
+        </LoadingButton>
       </View>
     </View>
   );

src/styles/stylesheet.js

@@ -3,7 +3,6 @@ import { StyleSheet } from 'react-native';
 const styles = StyleSheet.create({
   createWalletContainer: {
     marginTop: 20,
-    width: 150,
     alignSelf: 'center',
     marginBottom: 40
   },