Voting

Add:
- BoxDetailContribution
- app/(application)/(user)/voting/[id]/contribution.tsx

Fix:
- app/(application)/(user)/voting/(tabs)/contribution.tsx
- app/(application)/(user)/voting/[id]/[status]/detail.tsx
- app/(application)/(user)/voting/[id]/list-of-contributor.tsx
- app/(application)/(user)/voting/[id]/index.tsx

# No Issue

screens/Voting/BoxDetailContribution.tsx

@@ -0,0 +1,56 @@
+import {
+    BadgeCustom,
+    BoxWithHeaderSection,
+    Spacing,
+    StackCustom,
+    TextCustom,
+} from "@/components";
+import { GStyles } from "@/styles/global-styles";
+import dayjs from "dayjs";
+import { View } from "react-native";
+
+export function Voting_BoxDetailContributionSection({
+  headerAvatar,
+}: {
+  headerAvatar?: React.ReactNode;
+}) {
+  return (
+    <>
+      <BoxWithHeaderSection>
+        {headerAvatar ? headerAvatar : <Spacing />}
+        <StackCustom gap={"lg"}>
+          <TextCustom align="center" bold size="large">
+            Title of Voting Here
+          </TextCustom>
+          <TextCustom>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit.
+            Perspiciatis corporis blanditiis est provident corrupti facilis iste
+            cum voluptate. Natus eum aut quos consequatur doloribus fugiat sit
+            ullam minima non enim?
+          </TextCustom>
+          <View>
+            <TextCustom bold size="small" align="center">
+              Batas Voting
+            </TextCustom>
+            <BadgeCustom
+              style={[GStyles.alignSelfCenter, { width: "70%" }]}
+              variant="light"
+            >
+              {dayjs().format("DD/MM/YYYY")} -{" "}
+              {dayjs().add(1, "day").format("DD/MM/YYYY")}
+            </BadgeCustom>
+          </View>
+
+          <StackCustom gap={"xs"}>
+            <TextCustom bold size="small" align="center">
+              Pilihan Anda
+            </TextCustom>
+            <BadgeCustom style={[GStyles.alignSelfCenter]}>
+              Pilihan 1
+            </BadgeCustom>
+          </StackCustom>
+        </StackCustom>
+      </BoxWithHeaderSection>
+    </>
+  );
+}