some clean up and work on the budget screen

app/(tabs)/home/index.tsx

@@ -38,26 +38,7 @@ const constructMarkedDates = (data : {[column: string]: any}) => {
 export default function Page() {
     const { colors, theme } = useTheme()
 
-    //Styles
-    const styles = StyleSheet.create({
-        safeAreaViewStyle: {
-            flex: 1, 
-            backgroundColor: colors.backgroundColor
-        },
-        container: {
-            flex: 1,
-            alignItems: "center",
-            justifyContent: "center",
-        },
-        text: {
-            color: colors.primaryText,
-            fontSize: 70,
-            fontWeight: "bold"
-        },
-        loading: {
-            color: "red",
-        }
-    });
+    
 
     const router = useRouter();
     const [plusShow, setPlusShow] = useState(true);
@@ -91,7 +72,7 @@ export default function Page() {
 
 
     return (
-        <SafeAreaView edges={["left", "right", "top"]} style={styles.safeAreaViewStyle}>
+        <SafeAreaView edges={["left", "right", "top"]} style={[styles.safeAreaViewStyle, {backgroundColor: colors.containerColor}]}>
             {plusShow && <Plus onPress={()=>{
                 // router.push("/(tabs)/home/addItem");
 
@@ -130,11 +111,21 @@ export default function Page() {
             }
             renderItem = {({item}) => <ExpenseItem category={item.category_name} color={item.category_color} date={item.expense_datetime} title={item.expense_name} value={"10,00$"}/>}
             keyExtractor={item => item.expense_guid}
-            ItemSeparatorComponent={()=><View style={{marginVertical: 5}}></View>}
+            ItemSeparatorComponent={() => {
+                return (<View style={styles.itemSeperatorStyle}/>);
+            }}
             onScroll={handleScroll}
             scrollEventThrottle={20}
-            >
-            </FlatList>            
+            />             
         </SafeAreaView> 
     );
-}
+}
+
+const styles = StyleSheet.create({
+    safeAreaViewStyle: {
+        flex: 1,
+    },
+    itemSeperatorStyle: {
+        marginVertical: 5,
+    }
+});