upd: redesign

components/borderBottomItemVertical.tsx

@@ -1,7 +1,7 @@
 import Styles from "@/constants/Styles";
 import { useTheme } from "@/providers/ThemeProvider";
 import React, { useState } from "react";
-import { Dimensions, Pressable, View } from "react-native";
+import { Pressable, View } from "react-native";
 import Text from "./Text";
 
 type Props = {
@@ -36,9 +36,9 @@ export default function BorderBottomItemVertical({ title, icon, desc, onPress, o
       >
          <View style={Styles.rowItemsCenter}>
             {icon}
-            <View style={[Styles.ml10, { flex: 1 }]}>
+            <View style={[Styles.ml10, Styles.flex1]}>
                <View style={Styles.rowSpaceBetween}>
-                  <View style={{ flex: 1, marginRight: 10 }}>
+                  <View style={[Styles.flex1, Styles.mr10]}>
                      <Text style={[titleWeight == 'normal' ? Styles.textDefault : Styles.textDefaultSemiBold, { color: textColorFix }]} numberOfLines={titleShowAll ? 0 : 1} ellipsizeMode='tail'>{title}</Text>
                   </View>
                   {