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

components/_Icon/IconContribution.tsx

@@ -6,7 +6,7 @@ export default function IconContribution({ color }: { color?: string }) {
     <>
       <Ionicons
         size={ICON_SIZE_SMALL}
-        name="extension-puzzle"
+        name="people"
         color={color || "white"}
       />
     </>

components/_ShareComponent/AvataraAndOtherHeaderComponent.tsx

@@ -1,8 +1,8 @@
-import { ImageSourcePropType, View } from "react-native";
+import { ImageSourcePropType } from "react-native";
+import Divider from "../Divider/Divider";
 import Grid from "../Grid/GridCustom";
 import AvatarCustom from "../Image/AvatarCustom";
 import TextCustom from "../Text/TextCustom";
-import Divider from "../Divider/Divider"
 
 const AvatarUsernameAndOtherComponent = ({
   avatarHref,
@@ -19,30 +19,28 @@ const AvatarUsernameAndOtherComponent = ({
 }) => {
   return (
     <>
-        <Grid containerStyle={{ zIndex: 10 }}>
-          <Grid.Col span={2}>
-            <AvatarCustom source={avatar} href={avatarHref as any} />
-          </Grid.Col>
+      <Grid containerStyle={{ zIndex: 10 }}>
+        <Grid.Col span={2}>
+          <AvatarCustom source={avatar} href={avatarHref as any} />
+        </Grid.Col>
+        <Grid.Col
+          span={rightComponent ? 6 : 10}
+          style={{ justifyContent: "center" }}
+        >
+          <TextCustom truncate bold>
+            {name || "Username"}
+          </TextCustom>
+        </Grid.Col>
+        {rightComponent && (
           <Grid.Col
-            span={rightComponent ? 6 : 10}
-            style={{ justifyContent: "center" }}
+            span={4}
+            style={{ alignItems: "flex-end", justifyContent: "center" }}
           >
-            <TextCustom truncate bold>
-              {name || "Username"}
-            </TextCustom>
+            {rightComponent}
           </Grid.Col>
-          {rightComponent && (
-            <Grid.Col
-              span={4}
-              style={{ alignItems: "flex-end", justifyContent: "center" }}
-            >
-              {rightComponent}
-            </Grid.Col>
-          )}
-        </Grid>
-        {withBottomLine && <Divider marginTop={0} />}
-      <View>
-      </View>
+        )}
+      </Grid>
+      {withBottomLine && <Divider marginTop={0} />}
     </>
   );
 };