Bursa Investasi

# feat:
- Tampilan portofolio selesai
- Hapus investasi
- Function get data publish
### no issue

src/app_modules/investasi/portofolio/draft.tsx

@@ -0,0 +1,61 @@
+import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import {
+  Card,
+  CardSection,
+  AspectRatio,
+  Box,
+  Title,
+  Divider,
+  Group,
+  Badge,
+  Image,
+  Text,
+  Center,
+} from "@mantine/core";
+import { useRouter } from "next/navigation";
+import { MODEL_Investasi } from "../model/model_investasi";
+import _ from "lodash";
+
+export default function Draft({ data }: { data: MODEL_Investasi[] }) {
+  const router = useRouter();
+
+  return (
+    <>
+      {/* <pre> {JSON.stringify(data,null, 2)}</pre> */}
+      {data.map((e) =>
+        <Card
+        key={e.id}
+        withBorder
+        mb={40}
+        bg={"gray.5"}
+        onClick={() =>
+          router.push(RouterInvestasi.detail_draft + `${e.id}`)
+        }
+      >
+        <CardSection p={"xs"}>
+          <AspectRatio ratio={16 / 9}>
+            <Image
+              alt=""
+              src={RouterInvestasi.api_gambar + `${e.imagesId}`}
+            />
+          </AspectRatio>
+        </CardSection>
+
+        <CardSection p={"lg"}>
+          <Box>
+            <Title order={4}>{e.title}</Title>
+          </Box>
+        </CardSection>
+        <Divider />
+        <CardSection p={"md"}>
+          <Group position="center">
+            <Badge color="yellow" variant="dot">
+              Draft
+            </Badge>
+          </Group>
+        </CardSection>
+      </Card>
+      )}
+    </>
+  );
+}