upd: refactor style

app/(application)/home.tsx

@@ -49,7 +49,7 @@ export default function Home() {
    };
 
    return (
-      <SafeAreaView style={{ flex: 1, backgroundColor: colors.background }}>
+      <SafeAreaView style={[Styles.flex1, { backgroundColor: colors.background }]}>
          <Stack.Screen
             options={{
                title: 'Home',
@@ -71,19 +71,21 @@ export default function Home() {
                />
             }
             showsVerticalScrollIndicator={false}
-            style={{ backgroundColor: colors.background }}
+            style={[Styles.h100, { backgroundColor: colors.background }]}
          >
             <LinearGradient
                colors={[colors.header, colors.header, colors.header, colors.header, colors.homeGradient]}
-               style={{
-                  position: 'absolute',
-                  width: Dimensions.get('window').width * 1.5,
-                  height: Dimensions.get('window').width * 1.5,
-                  borderRadius: Dimensions.get('window').width * 0.5,
-                  top: -Dimensions.get('window').width * 1, // Positioned to show the bottom part of the circle as an arc
-                  left: -Dimensions.get('window').width * 0.25,
-                  zIndex: -1,
-               }}
+               style={[
+                  Styles.posAbsolute,
+                  Styles.zIndexMinus1,
+                  {
+                     width: Dimensions.get('window').width * 1.5,
+                     height: Dimensions.get('window').width * 1.5,
+                     borderRadius: Dimensions.get('window').width * 0.5,
+                     top: -Dimensions.get('window').width * 1, // Positioned to show the bottom part of the circle as an arc
+                     left: -Dimensions.get('window').width * 0.25,
+                  }
+               ]}
             />
             {/* <CaraouselHome refreshing={refreshing} /> */}
             <View style={[Styles.ph15]}>