Fix various spacing issues

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

src/components/floatingActionButton.tsx

@@ -4,9 +4,9 @@ import { FAB } from 'react-native-paper';
 import { ParamListBase, useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { pickSingle } from 'react-native-document-picker';
-import { ORIENTATION, useDimensions } from '../contexts';
 import { ROUTE } from '../types';
 import { allowedMimeTypes, noOp } from '../utilities';
+import { useDeviceOrientation } from '@react-native-community/hooks';
 
 const floatingActionButtonStyles = StyleSheet.create({
   fab: {
@@ -22,7 +22,7 @@ const floatingActionButtonStyles = StyleSheet.create({
 const FloatingActionButton = ({ visible = true }: { visible?: boolean }) => {
   const { navigate } =
     useNavigation<NativeStackNavigationProp<ParamListBase>>();
-  const { orientation } = useDimensions();
+  const orientation = useDeviceOrientation();
 
   const [state, setState] = useState(false);
   const [keyboardOpen, setKeyboardOpen] = useState(false);
@@ -70,7 +70,7 @@ const FloatingActionButton = ({ visible = true }: { visible?: boolean }) => {
         navigate(ROUTE.ADD_MEME, { file });
       }}
       style={
-        orientation === ORIENTATION.PORTRAIT
+        orientation === 'portrait'
           ? floatingActionButtonStyles.fab
           : floatingActionButtonStyles.fabLandscape
       }