Add settings page

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/components/paddedView.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: '5%',
+  },
+  centered: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});
+
+const PaddedView = ({
+  children,
+  style,
+  centered,
+}: {
+  children: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+  centered?: boolean;
+}): React.JSX.Element => {
+  return (
+    <View style={[styles.container, centered && styles.centered, style]}>
+      {children}
+    </View>
+  );
+};
+
+export default PaddedView;