Fix Infinite Load Data

Forum & User Search – User
- app/(application)/(user)/forum/index.tsx
- app/(application)/(user)/user-search/index.tsx

Global & Core
- app/+not-found.tsx
- screens/RootLayout/AppRoot.tsx
- constants/constans-value.ts

Component
- components/Image/AvatarComp.tsx

API Client
- service/api-client/api-user.ts

Untracked Files
- QWEN.md
- helpers/
- hooks/use-pagination.tsx
- screens/Forum/ViewBeranda3.tsx
- screens/UserSeach/

### No Issue

screens/UserSeach/MainView.tsx

@@ -0,0 +1,105 @@
+import { ViewWrapper, TextInputCustom, StackCustom, LoaderCustom, ClickableCustom, Grid, AvatarComp, TextCustom, Spacing } from "@/components";
+import { MainColor } from "@/constants/color-palet";
+import { ICON_SIZE_SMALL } from "@/constants/constans-value";
+import { apiAllUser } from "@/service/api-client/api-user";
+import { Ionicons } from "@expo/vector-icons";
+import { router } from "expo-router";
+import _ from "lodash";
+import { useState, useEffect } from "react";
+
+export default function UserSearchMainView(){
+    const [data, setData] = useState<any[]>([]);
+      const [search, setSearch] = useState<string>("");
+      const [isLoadList, setIsLoadList] = useState(false);
+    
+      useEffect(() => {
+        onLoadData(search);
+      }, [search]);
+    
+      const onLoadData = async (search: string) => {
+        try {
+          setIsLoadList(true);
+          const response = await apiAllUser({ search: search });
+          console.log("[DATA USER] >", JSON.stringify(response.data, null, 2));
+          setData(response.data);
+        } catch (error) {
+          console.log("Error fetching data", error);
+        } finally {
+          setIsLoadList(false);
+        }
+      };
+    
+      const handleSearch = (search: string) => {
+        setSearch(search);
+        onLoadData(search);
+      };
+    
+    return (
+    <>
+      <ViewWrapper
+        headerComponent={
+          <TextInputCustom
+            value={search}
+            onChangeText={handleSearch}
+            iconLeft={
+              <Ionicons
+                name="search"
+                size={ICON_SIZE_SMALL}
+                color={MainColor.placeholder}
+              />
+            }
+            placeholder="Cari Pengguna"
+            borderRadius={50}
+            containerStyle={{ marginBottom: 0 }}
+          />
+        }
+      >
+        <StackCustom>
+          {isLoadList ? (
+            <LoaderCustom />
+          ) : !_.isEmpty(data) ? (
+            data?.map((e, index) => {
+              return (
+                <ClickableCustom
+                  key={index}
+                  onPress={() => {
+                    console.log("Ke Profile");
+                    router.push(`/profile/${e?.Profile?.id}`);
+                  }}
+                >
+                  <Grid>
+                    <Grid.Col span={2}>
+                      <AvatarComp fileId={e?.Profile?.imageId} size="base" />
+                    </Grid.Col>
+                    <Grid.Col span={9}>
+                      <StackCustom gap={"sm"}>
+                        <TextCustom size="large">{e?.username}</TextCustom>
+                        <TextCustom size="small">+{e?.nomor}</TextCustom>
+                      </StackCustom>
+                    </Grid.Col>
+                    <Grid.Col
+                      span={1}
+                      style={{
+                        justifyContent: "center",
+                        alignItems: "flex-end",
+                      }}
+                    >
+                      <Ionicons
+                        name="chevron-forward"
+                        size={ICON_SIZE_SMALL}
+                        color={MainColor.white}
+                      />
+                    </Grid.Col>
+                  </Grid>
+                </ClickableCustom>
+              );
+            })
+          ) : (
+            <TextCustom align="center">Tidak ditemukan</TextCustom>
+          )}
+        </StackCustom>
+        <Spacing height={50} />
+      </ViewWrapper>
+    </>
+  );
+}