Fixed layouts

apk/app/index.tsx

@@ -1,22 +1,26 @@
-import { StyleSheet } from "react-native";
+import { StyleSheet, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
 
 import { BirthdayList } from "@/components/birthdate-list";
-import ScrollView from "@/components/scroll-view";
-import { View } from "react-native";
 
 export default function HomeScreen() {
   return (
-    <ScrollView>
-      <View style={styles.titleContainer}>
-        <BirthdayList></BirthdayList>
+    <SafeAreaView style={styles.screen} edges={["top", "bottom"]}>
+      <View style={styles.content}>
+        <BirthdayList />
       </View>
-    </ScrollView>
+    </SafeAreaView>
   );
 }
 
 const styles = StyleSheet.create({
-  titleContainer: {
-    gap: 8,
-    margin: 20,
+  screen: {
+    flex: 1,
+    backgroundColor: "#fff",
+  },
+  content: {
+    flex: 1,
+    paddingHorizontal: 16,
+    paddingTop: 12,
   },
 });