Invesment

Add:
- dummy-data-not-publish
- BoxDetailDataSection

Fix:
- investment/[id]/[status]/detail: fix basic ui

## No Issue

screens/Invesment/BoxDetailDataSection.tsx

@@ -0,0 +1,50 @@
+import {
+  BaseBox,
+  DummyLandscapeImage,
+  Grid,
+  Spacing,
+  StackCustom,
+  TextCustom,
+} from "@/components";
+import { View } from "react-native";
+
+export default function BoxDetailDataSection({
+  title,
+  data,
+  bottomSection,
+}: {
+  title?: string;
+  data: any;
+  bottomSection?: React.ReactNode;
+}) {
+  return (
+    <>
+      <BaseBox paddingBottom={0}>
+        <StackCustom gap={"xs"}>
+          <DummyLandscapeImage />
+          <Spacing />
+          <TextCustom align="center" size="xlarge" bold>
+            {title || "Title of Investment"}
+          </TextCustom>
+          <Spacing />
+
+          {data.map((item: any, index: any) => (
+            <Grid key={index}>
+              <Grid.Col span={4}>
+                <TextCustom bold>{item.label}</TextCustom>
+              </Grid.Col>
+              <Grid.Col span={1}>
+                <View />
+              </Grid.Col>
+              <Grid.Col span={7} style={{ justifyContent: "center" }}>
+                <TextCustom>{item.value}</TextCustom>
+              </Grid.Col>
+            </Grid>
+          ))}
+
+          {bottomSection}
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+}