Fix various spacing issues

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

src/screens/welcome.tsx

@@ -3,10 +3,10 @@ import { StyleSheet, View } from 'react-native';
 import { Button, Text, useTheme } from 'react-native-paper';
 import { useDispatch } from 'react-redux';
 import { openDocumentTree } from 'react-native-scoped-storage';
+import { useDeviceOrientation } from '@react-native-community/hooks';
 import styles from '../styles';
 import { noOp } from '../utilities';
 import { setStorageUri } from '../state';
-import { ORIENTATION, useDimensions } from '../contexts';
 
 const welcomeStyles = StyleSheet.create({
   text: {
@@ -19,7 +19,7 @@ const welcomeStyles = StyleSheet.create({
 
 const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   const { colors } = useTheme();
-  const { orientation } = useDimensions();
+  const orientation = useDeviceOrientation();
   const dispatch = useDispatch();
 
   const selectStorageLocation = async () => {
@@ -32,11 +32,9 @@ const Welcome = ({ onWelcomeComplete }: { onWelcomeComplete: () => void }) => {
   return (
     <View
       style={[
-        orientation === ORIENTATION.PORTRAIT
-          ? styles.paddingTop
-          : styles.smallPaddingTop,
+        orientation === 'portrait' ? styles.paddingTop : styles.smallPaddingTop,
         styles.paddingHorizontal,
-        styles.centered,
+        styles.center,
         styles.flex,
         styles.fullSize,
         { backgroundColor: colors.background },