Donation

Add:
- ProgressSection.tsx
- ComponentInfoFundrising.tsx
- donation/[id]/infromation-fundrising.tsx
- donation/[id]/detail-story.tsx

Fix:
- Donation/ComponentStoryFunrising.tsx
- Donation/ComponentBoxDetailData.tsx

## No Issue

app/(application)/(user)/donation/(tabs)/index.tsx

@@ -1,15 +1,9 @@
 import {
-    BaseBox,
-    DummyLandscapeImage,
-    FloatingButton,
-    Grid,
-    ProgressCustom,
-    StackCustom,
-    TextCustom,
-    ViewWrapper,
+  FloatingButton,
+  ViewWrapper
 } from "@/components";
+import Donation_BoxPublish from "@/screens/Donation/BoxPublish";
 import { router } from "expo-router";
-import { View } from "react-native";
 
 export default function DonationBeranda() {
   return (
@@ -20,36 +14,7 @@ export default function DonationBeranda() {
       }
     >
       {Array.from({ length: 10 }).map((_, index) => (
-        <BaseBox
-          key={index}
-          paddingTop={7}
-          paddingBottom={7}
-          href={`/investment/${index}`}
-        >
-          <Grid>
-            <Grid.Col span={5}>
-              <DummyLandscapeImage height={100} />
-            </Grid.Col>
-            <Grid.Col span={1}>
-              <View />
-            </Grid.Col>
-            <Grid.Col span={6}>
-              <StackCustom>
-                <View>
-                  <TextCustom truncate>
-                    Judul Donasi: Lorem ipsum dolor sit amet consectetur
-                    adipisicing elit.
-                  </TextCustom>
-                  <TextCustom size="small">Sisa hari: 0</TextCustom>
-                </View>
-                <ProgressCustom value={(index % 5) * 20} size="lg" />
-                {/* <TextCustom>
-                 Terkumpul : Rp 300.000
-                </TextCustom> */}
-              </StackCustom>
-            </Grid.Col>
-          </Grid>
-        </BaseBox>
+        <Donation_BoxPublish key={index} id={index.toString()}/>
       ))}
     </ViewWrapper>
   );