Fix QC Ayu

Fix:
- modified:   app/(application)/(user)/event/[id]/publish.tsx
- modified:   app/(application)/(user)/event/create.tsx
- modified:   app/(application)/(user)/portofolio/[id]/create.tsx
- modified:   app/(application)/(user)/portofolio/[id]/edit.tsx
- modified:   app/(application)/admin/collaboration/[id]/group.tsx
- modified:   app/(application)/admin/collaboration/group.tsx
- modified:   app/(application)/admin/collaboration/publish.tsx
- modified:   app/(application)/admin/forum/[id]/list-report-comment.tsx
- modified:   app/(application)/admin/forum/[id]/list-report-posting.tsx
- modified:   app/(application)/admin/forum/posting.tsx
- modified:   app/(application)/admin/forum/report-comment.tsx
- modified:   app/(application)/admin/forum/report-posting.tsx
- modified:   app/(application)/admin/voting/[status]/status.tsx
- modified:   app/(application)/admin/voting/history.tsx
- modified:   components/Select/SelectCustom.tsx
- modified:   components/_ShareComponent/GridSpan_4_8.tsx
- modified:   screens/Authentication/LoginView.tsx
- modified:   screens/Collaboration/BoxPublishSection.tsx
- modified:   screens/Event/BoxDetailPublishSection.tsx
- modified:   screens/Home/topFeatureSection.tsx
- modified:   screens/Portofolio/ButtonCreatePortofolio.tsx

Add:
- components/_ShareComponent/GridSpan_NewComponent.tsx

### No Issue

components/_ShareComponent/GridSpan_4_8.tsx

@@ -1,8 +1,8 @@
 import { Grid } from "@/components";
 
 export const GridSpan_4_8 = ({
-  label,
-  value,
+  label: text1,
+  value: text2,
 }: {
   label: React.ReactNode;
   value: React.ReactNode;
@@ -17,10 +17,10 @@ export const GridSpan_4_8 = ({
           paddingLeft: 8,
         }}
       >
-        {label}
+        {text1}
       </Grid.Col>
       <Grid.Col span={8} style={{ justifyContent: "center", paddingRight: 8 }}>
-        {value}
+        {text2}
       </Grid.Col>
     </Grid>
   );