Fix layout bugs

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

src/components/hideableHeader.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { Animated, StyleSheet } from 'react-native';
-import { useDimensions } from '../contexts';
+import { ORIENTATION, useDimensions } from '../contexts';
 import styles from '../styles';
 import { useTheme } from 'react-native-paper';
 
@@ -38,8 +38,9 @@ const HideableHeader = ({
     <Animated.View
       style={[
         hideableHeaderStyles.headerView,
-        orientation == 'portrait' && styles.paddingTop,
-        orientation == 'landscape' && styles.smallPaddingTop,
+        orientation === ORIENTATION.PORTRAIT
+          ? styles.paddingTop
+          : styles.smallPaddingTop,
         styles.paddingHorizontal,
         {
           transform: [