Invesment

Add
- _master/status-transaction.ts
- investment/[id]/(transaction-flow)/success.tsx
- investment/[id]/(transaction-flow)/failed.tsx

Fix:
- lib/dummy-data/_master/status.tsx

Component:
- components/Badge/BadgeCustom.tsx: Penambahan custom color

## No Issue

app/(application)/(user)/_layout.tsx

@@ -287,7 +287,16 @@ export default function UserLayout() {
           name="investment/[id]/(transaction-flow)/invoice"
           options={{
             title: "Invoice",
-            headerLeft: () => <BackButton />,
+            headerLeft: () => (
+              <Ionicons
+                name="close"
+                size={ICON_SIZE_SMALL}
+                color={MainColor.yellow}
+                onPress={() =>
+                  router.navigate(`/investment/(tabs)/transaction`)
+                }
+              />
+            ),
           }}
         />
         <Stack.Screen
@@ -299,11 +308,27 @@ export default function UserLayout() {
                 name="close"
                 size={ICON_SIZE_SMALL}
                 color={MainColor.yellow}
-                onPress={() => router.navigate(`/investment/(tabs)/transaction`)}
+                onPress={() =>
+                  router.navigate(`/investment/(tabs)/transaction`)
+                }
               />
             ),
           }}
         />
+        <Stack.Screen
+          name="investment/[id]/(transaction-flow)/success"
+          options={{
+            title: "Transaksi Berhasil",
+            headerLeft: () => <BackButton />,
+          }}
+        />
+        <Stack.Screen
+          name="investment/[id]/(transaction-flow)/failed"
+          options={{
+            title: "Transaksi Gagal",
+            headerLeft: () => <BackButton />,
+          }}
+        />
 
         {/* ========== End Investment Section ========= */}