feature & fix

deskripsi:
- new component : Scroll
- fix : notifikasi, use search, portofolio item drawer
- new constats : padding value
- fix component :
Text custom : tambah warna gray di props
Text Input: tambah props container Style

# No Issue

screens/Portofolio/ListPage.tsx

@@ -1,35 +1,61 @@
 import { IMenuDrawerItem } from "@/components/_Interface/types";
 import { AccentColor } from "@/constants/color-palet";
 import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
-import { Ionicons } from "@expo/vector-icons";
+import { Ionicons,  FontAwesome5, FontAwesome, Fontisto } from "@expo/vector-icons";
 
-export const drawerItemsPortofolio = ({
-  id,
-}: {
-  id: string;
-}): IMenuDrawerItem[] => [
+export const drawerItemsPortofolio = ({ id }: { id: string }): IMenuDrawerItem[] => [
   {
-    icon: <Ionicons name="create" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <Ionicons
+        name="create"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit portofolio",
     path: `/(application)/portofolio/${id}/edit`,
   },
   {
-    icon: <Ionicons name="camera" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <Ionicons
+        name="camera"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit logo ",
     path: `/(application)/portofolio/${id}/edit-logo`,
   },
   {
-    icon: <Ionicons name="image" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <FontAwesome
+        name="id-card-o"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit social media ",
     path: `/(application)/portofolio/${id}/edit-social-media`,
   },
   {
-    icon: <Ionicons name="add-circle" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <Fontisto
+        name="map-marker-alt"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Edit Map",
     path: `/(application)/maps/${id}/edit`,
   },
   {
-    icon: <Ionicons name="create-outline" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
+    icon: (
+      <FontAwesome5
+        name="map-pin"
+        size={ICON_SIZE_MEDIUM}
+        color={AccentColor.white}
+      />
+    ),
     label: "Custom Pin Map",
     path: `/(application)/maps/${id}/custom-pin`,
   },