feat: enhance layout with safe area insets and improve table screen structure

src/components/TableBackground.js

@@ -2,9 +2,9 @@ import { StyleSheet, View } from 'react-native';
 import { LinearGradient } from 'expo-linear-gradient';
 import { colors } from '../theme';
 
-export default function TableBackground({ children }) {
+export default function TableBackground({ children, style }) {
   return (
-    <View style={styles.wrapper}>
+    <View style={[styles.wrapper, style]}>
       <LinearGradient
         colors={[colors.tableEdge, '#3e2a10']}
         start={{ x: 0, y: 0 }}
@@ -27,7 +27,7 @@ export default function TableBackground({ children }) {
 
 const styles = StyleSheet.create({
   wrapper: {
-    flex: 1,
+    width: '100%',
     padding: 12
   },
   edge: {