Refactor code (#18)

* Refactored accounts and sign message component

* Change sign message to hyperlink

* Refactor network dropdown

* Add types to utils

* Import react in index.js

* Use components for create wallet and reset dialog

* Remove inline styles from accounts component

* Remove inline styles from components

* Remove incorrectly placed async

* Make app responsive using flex

* Make review changes

---------

Co-authored-by: Adw8 <adwait@deepstacksoft.com>

styles/stylesheet.js

@@ -1,32 +1,59 @@
 import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
-  headerContainer: {
-    padding: 15,
-    alignItems: 'center',
-    justifyContent: 'center',
+  createWalletContainer: {
+    marginTop: 20,
+    width: 150,
+    alignSelf: 'center',
   },
-  headerText: {
-    color: 'black',
-    fontSize: 26,
-    fontWeight: 'bold',
+  signLink: {
+    alignItems: 'flex-end',
+    marginTop: 24,
   },
-  sectionContainer: {
-    marginTop: 32,
-    paddingHorizontal: 24,
-  },
-  sectionTitle: {
-    fontSize: 22,
-    fontWeight: '600',
-  },
-  sectionDescription: {
-    marginTop: 8,
-    fontSize: 18,
-    fontWeight: '400',
+  hyperlink: {
+    fontWeight: '500',
+    textDecorationLine: 'underline',
   },
   highlight: {
     fontWeight: '700',
   },
+  accountContainer: {
+    marginTop: 24,
+  },
+  addAccountButton: {
+    marginTop: 24,
+    alignSelf: 'center',
+  },
+  accountComponent: {
+    flex: 4,
+  },
+  appContainer: {
+    flexGrow: 1,
+    marginTop: 24,
+    paddingHorizontal: 24,
+  },
+  resetContainer: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  resetButton: {
+    alignSelf: 'center',
+  },
+  signButton: {
+    marginTop: 20,
+    width: 150,
+    alignSelf: 'center',
+  },
+  signPage: {
+    paddingHorizontal: 24,
+  },
+  accountInfo: {
+    marginTop: 24,
+    marginBottom: 30,
+  },
+  networkDropdown: {
+    marginBottom: 20,
+  },
 });
 
 export default styles;