Fix semua tampilan yang memiliki fungsi infitine load

UI – User Notifications
- app/(application)/(user)/notifications/index.tsx
- service/api-notifications.ts
- screens/Notification/

UI – Portofolio (User)
- app/(application)/(user)/portofolio/[id]/create.tsx
- app/(application)/(user)/portofolio/[id]/edit.tsx
- app/(application)/(user)/portofolio/[id]/list.tsx
- screens/Portofolio/BoxPortofolioView.tsx
- screens/Portofolio/ViewListPortofolio.tsx
- screens/Profile/PortofolioSection.tsx
- service/api-client/api-portofolio.ts

Forum & User Search
- screens/Forum/DetailForum2.tsx
- screens/Forum/ViewBeranda3.tsx
- screens/UserSeach/MainView_V2.tsx

Constants & Docs
- constants/constans-value.ts
- docs/prompt-for-qwen-code.md

### No Issue

screens/Portofolio/BoxPortofolioView.tsx

@@ -1,5 +1,5 @@
 import { BaseBox, Grid, TextCustom } from "@/components";
-import { MainColor } from "@/constants/color-palet";
+import { AccentColor, MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_SMALL } from "@/constants/constans-value";
 import { Ionicons } from "@expo/vector-icons";
 import { router } from "expo-router";
@@ -8,7 +8,7 @@ export default function Portofolio_BoxView({ data }: { data: any }) {
   return (
     <>
       <BaseBox
-        style={{ backgroundColor: MainColor.darkblue }}
+        style={{ backgroundColor: AccentColor.blue}}
         onPress={() => {
           router.push(`/portofolio/${data?.id}`);
         }}

screens/Portofolio/ViewListPortofolio.tsx

@@ -0,0 +1,74 @@
+import { NewWrapper, TextCustom } from "@/components";
+import CustomSkeleton from "@/components/_ShareComponent/SkeletonCustom";
+import { MainColor } from "@/constants/color-palet";
+import { usePagination } from "@/hooks/use-pagination";
+import { createPaginationComponents } from "@/helpers/paginationHelpers";
+import { apiGetPortofolio } from "@/service/api-client/api-portofolio";
+import { useFocusEffect, useLocalSearchParams } from "expo-router";
+import { useCallback } from "react";
+import { RefreshControl } from "react-native";
+import Portofolio_BoxView from "./BoxPortofolioView";
+import NoDataText from "@/components/_ShareComponent/NoDataText";
+import { PAGINATION_DEFAULT_TAKE } from "@/constants/constans-value";
+
+export default function ViewListPortofolio() {
+  const { id } = useLocalSearchParams();
+
+  // Initialize pagination for portfolio items
+  const pagination = usePagination({
+    fetchFunction: async (page) => {
+      return await apiGetPortofolio({
+        id: id as string,
+        page: String(page) // API expects string
+      });
+    //   return response.data;
+    },
+    pageSize: PAGINATION_DEFAULT_TAKE,
+    dependencies: [id],
+  });
+
+  useFocusEffect(
+    useCallback(() => {
+      // Reset and load first page when id changes
+      pagination.reset();
+      pagination.onRefresh();
+    }, [id]),
+  );
+
+  // Render individual portfolio item
+  const renderItem = ({ item }: { item: any }) => (
+    <Portofolio_BoxView key={item.id} data={item} />
+  );
+
+  // Generate pagination components using helper
+  const { ListEmptyComponent, ListFooterComponent } = createPaginationComponents({
+    loading: pagination.loading,
+    refreshing: pagination.refreshing,
+    listData: pagination.listData,
+    isInitialLoad: pagination.isInitialLoad,
+    emptyMessage: "Tidak ada portofolio",
+    skeletonCount: 3,
+    skeletonHeight: 100,
+  });
+
+  return (
+    <NewWrapper
+      listData={pagination.listData}
+      renderItem={renderItem}
+      refreshControl={
+        <RefreshControl
+          // IOS
+          tintColor={MainColor.yellow}
+          // Android
+          colors={[MainColor.yellow]}
+          progressBackgroundColor={MainColor.yellow}
+          refreshing={pagination.refreshing}
+          onRefresh={pagination.onRefresh}
+        />
+      }
+      onEndReached={pagination.loadMore}
+      ListEmptyComponent={ListEmptyComponent}
+      ListFooterComponent={ListFooterComponent}
+    />
+  );
+}