Create dan Update

# feat
- tampilan user
- tampilan admin
## No Issue

src/app_modules/donasi/detail/detail_main/cerita_penggalang/index.tsx

@@ -1,28 +1,29 @@
 "use client";
 
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import { MODEL_CERITA_DONASI } from "@/app_modules/donasi/model/interface";
 import { Box, Image, Stack, Text } from "@mantine/core";
 import moment from "moment";
+import { useState } from "react";
 
-export default function CeritaPenggalangDonasi() {
+export default function CeritaPenggalangDonasi({
+  dataCerita,
+}: {
+  dataCerita: MODEL_CERITA_DONASI;
+}) {
+  const [data, setData] = useState(dataCerita);
   return (
     <>
+      {/* <pre>{JSON.stringify(data.imageCeritaDonasi, null, 2)}</pre> */}
       <Stack>
-        {moment(Date.now()).format("ll")}
-
-        <Text> Halo Orang-orang baik</Text>
-        <Text>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias eos
-          expedita vitae unde tenetur, veritatis libero doloribus sunt
-          temporibus, vel cum, quo odio asperiores quos. Suscipit facilis dolore
-          optio quaerat?
-        </Text>
-        <Image alt="Foto" src={"/aset/no-img.png"}/>
-        <Text>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias eos
-          expedita vitae unde tenetur, veritatis libero doloribus sunt
-          temporibus, vel cum, quo odio asperiores quos. Suscipit facilis dolore
-          optio quaerat?
-        </Text>
+        {moment(data.createdAt).format("ll")}
+        <Text fw={"bold"}> #HaloOrangBaik</Text>
+        <Text>{data.pembukaan}</Text>
+        <Image
+          alt="Foto"
+          src={RouterDonasi.api_image_cerita + `${data.imageCeritaDonasi.url}`}
+        />
+        <Text>{data.cerita}</Text>
       </Stack>
     </>
   );

src/app_modules/donasi/detail/detail_main/cerita_penggalang/layout.tsx

@@ -8,17 +8,28 @@ import React from "react";
 
 export default function LayoutCeritaPenggalangDonasi({
   children,
+  statusDonasiId,
 }: {
   children: React.ReactNode;
+  statusDonasiId: string;
 }) {
+  if (statusDonasiId !== "1") {
+    return (
+      <>
+        <AppShell
+          header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
+        >
+          {children}
+        </AppShell>
+      </>
+    );
+  }
   return (
-    <>
-      <AppShell
-        header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
-        footer={<ButtonDonasi />}
-      >
-        {children}
-      </AppShell>
-    </>
+    <AppShell
+      header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
+      footer={<ButtonDonasi />}
+    >
+      {children}
+    </AppShell>
   );
 }