Investment

Add:
- screens/Invesment/DetailDataPublishSection.tsx
- screens/Invesment/BoxProgressSection.tsx
- app/(application)/(user)/investment/[id]/(transaction-flow)

## No Issue

screens/Invesment/BoxProgressSection.tsx

@@ -0,0 +1,16 @@
+import { BaseBox, StackCustom, TextCustom, ProgressCustom } from "@/components";
+
+export default function Invesment_BoxProgressSection({status}: {status: string}) {
+    return (
+      <>
+        {status === "publish" && (
+          <BaseBox>
+            <StackCustom>
+              <TextCustom bold>Progress Saham</TextCustom>
+              <ProgressCustom value={70} size="lg" />
+            </StackCustom>
+          </BaseBox>
+        )}
+      </>
+    );
+}

screens/Invesment/ButtonInvestasiSection.tsx

@@ -1,14 +1,23 @@
 import { ButtonCustom } from "@/components";
+import { router } from "expo-router";
 
 export default function Investment_ButtonInvestasiSection({
+  id,
   isMine,
 }: {
+  id: string;
   isMine: boolean;
 }) {
   return (
     <>
       {isMine ? (
-        <ButtonCustom>Beli Saham</ButtonCustom>
+        <ButtonCustom
+          onPress={() => {
+            router.navigate(`/investment/${id}/(transaction-flow)`);
+          }}
+        >
+          Beli Saham
+        </ButtonCustom>
       ) : (
         <ButtonCustom disabled>Investasi Ini Milik Anda</ButtonCustom>
       )}

screens/Invesment/DetailDataPublishSection.tsx

@@ -0,0 +1,35 @@
+import { Spacing, StackCustom } from "@/components";
+import { listDataNotPublishInvesment, listDataPublishInvesment } from "@/lib/dummy-data/investment/dummy-data-not-publish";
+import React from "react";
+import Invesment_BoxDetailDataSection from "./BoxDetailDataSection";
+import Invesment_BoxProgressSection from "./BoxProgressSection";
+import Investment_ButtonStatusSection from "./ButtonStatusSection";
+
+export default function Invesment_DetailDataPublishSection({
+    status,
+    bottomSection,
+    buttonSection,
+}: {
+    status: string;
+    bottomSection: React.ReactNode;
+    buttonSection: React.ReactNode
+}) {
+    return (
+      <>
+        <StackCustom gap={"sm"}>
+          <Invesment_BoxProgressSection status={status as string} />
+          <Invesment_BoxDetailDataSection
+            data={
+              status === "publish"
+                ? listDataPublishInvesment
+                : listDataNotPublishInvesment
+            }
+            bottomSection={bottomSection}
+          />
+          <Investment_ButtonStatusSection status={status as string} />
+          {buttonSection}
+        </StackCustom>
+        <Spacing />
+      </>
+    );
+}