refactor: Migrate Portofolio & Maps screens to NewWrapper_V2

Phase 3 Migration - Fix keyboard handling issues across 8 screens

Portofolio Screens (5):
- portofolio/[id]/edit-social-media.tsx: ViewWrapper → NewWrapper_V2
- portofolio/[id]/edit-logo.tsx: ViewWrapper → NewWrapper_V2
- portofolio/[id]/edit.tsx: NewWrapper → NewWrapper_V2 + fix React error
- portofolio/[id]/index.tsx: ViewWrapper → NewWrapper_V2
- screens/Portofolio/ScreenPortofolioCreate.tsx: NewWrapper → NewWrapper_V2

Maps Screens (3):
- screens/Maps/ScreenMapsCreate.tsx: NewWrapper → NewWrapper_V2
- screens/Maps/ScreenMapsEdit.tsx: ViewWrapper → NewWrapper_V2
- app/(application)/(user)/maps/[id]/custom-pin.tsx: ViewWrapper → NewWrapper_V2

Changes:
- Add enableKeyboardHandling to all form screens
- Wrap TextInputCustom/SelectCustom/TextAreaCustom with View onStartShouldSetResponder
- Fix React static flag error in portofolio edit loading state
- Update TASK-004 migration task file

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

app/(application)/(user)/portofolio/[id]/edit-social-media.tsx

@@ -1,8 +1,8 @@
 import {
   BoxButtonOnFooter,
   ButtonCustom,
+  NewWrapper_V2,
   TextInputCustom,
-  ViewWrapper,
 } from "@/components";
 import {
   apiGetOnePortofolio,
@@ -10,6 +10,7 @@ import {
 } from "@/service/api-client/api-portofolio";
 import { useLocalSearchParams, router } from "expo-router";
 import { useEffect, useState } from "react";
+import { View } from "react-native";
 import Toast from "react-native-toast-message";
 
 export default function PortofolioEditSocialMedia() {
@@ -91,38 +92,52 @@ export default function PortofolioEditSocialMedia() {
 
   return (
     <>
-      <ViewWrapper footerComponent={buttonFooter}>
-        <TextInputCustom
-          value={data.tiktok}
-          onChangeText={(value) => setData({ ...data, tiktok: value })}
-          label="Tiktok"
-          placeholder="Masukkan tiktok"
-        />
-        <TextInputCustom
-          value={data.instagram}
-          onChangeText={(value) => setData({ ...data, instagram: value })}
-          label="Instagram"
-          placeholder="Masukkan instagram"
-        />
-        <TextInputCustom
-          value={data.facebook}
-          onChangeText={(value) => setData({ ...data, facebook: value })}
-          label="Facebook"
-          placeholder="Masukkan facebook"
-        />
-        <TextInputCustom
-          value={data.twitter}
-          onChangeText={(value) => setData({ ...data, twitter: value })}
-          label="Twitter"
-          placeholder="Masukkan twitter"
-        />
-        <TextInputCustom
-          value={data.youtube}
-          onChangeText={(value) => setData({ ...data, youtube: value })}
-          label="Youtube"
-          placeholder="Masukkan youtube"
-        />
-      </ViewWrapper>
+      <NewWrapper_V2
+        enableKeyboardHandling
+        keyboardScrollOffset={100}
+        footerComponent={buttonFooter}
+      >
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            value={data.tiktok}
+            onChangeText={(value) => setData({ ...data, tiktok: value })}
+            label="Tiktok"
+            placeholder="Masukkan tiktok"
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            value={data.instagram}
+            onChangeText={(value) => setData({ ...data, instagram: value })}
+            label="Instagram"
+            placeholder="Masukkan instagram"
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            value={data.facebook}
+            onChangeText={(value) => setData({ ...data, facebook: value })}
+            label="Facebook"
+            placeholder="Masukkan facebook"
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            value={data.twitter}
+            onChangeText={(value) => setData({ ...data, twitter: value })}
+            label="Twitter"
+            placeholder="Masukkan twitter"
+          />
+        </View>
+        <View onStartShouldSetResponder={() => true}>
+          <TextInputCustom
+            value={data.youtube}
+            onChangeText={(value) => setData({ ...data, youtube: value })}
+            label="Youtube"
+            placeholder="Masukkan youtube"
+          />
+        </View>
+      </NewWrapper_V2>
     </>
   );
 }