use mui/lab LoadingButton for CreateWallet

src/components/CreateWallet.tsx

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

src/components/MnemonicDialog.tsx

@@ -41,7 +41,7 @@ const MnemonicDialog = ({
           Copy
         </Button>
         <Button style={{ ...styles.mnemonicButton }} onClick={hideDialog}>
-          Cancel
+          Done
         </Button>
       </DialogActions>
     </Dialog>

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: 30,
   },