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

styles/global-styles.ts

@@ -1,4 +1,8 @@
 import {
+  PADDING_EXTRA_SMALL,
+  PADDING_LARGE,
+  PADDING_MEDIUM,
+  PADDING_SMALL,
   TEXT_SIZE_LARGE,
   TEXT_SIZE_MEDIUM,
   TEXT_SIZE_SMALL,
@@ -12,28 +16,28 @@ export const GStyles = StyleSheet.create({
   // =============== Main Styles =============== //
   container: {
     flex: 1,
-    paddingInline: 20,
-    paddingBlock: 10,
+    paddingInline: PADDING_LARGE,
+    paddingBlock: PADDING_EXTRA_SMALL,
     backgroundColor: MainColor.darkblue,
   },
   containerWithBackground: {
     flex: 1,
-    paddingInline: 20,
-    paddingBlock: 10,
+    paddingInline: PADDING_LARGE,
+    paddingBlock: PADDING_EXTRA_SMALL,
   },
   imageBackground: {
     height: "100%",
     width: "100%",
   },
   stickyHeader: {
-    position: "absolute",
+    position: "relative",
     top: 0,
     left: 0,
     right: 0,
     zIndex: 10,
-    backgroundColor: MainColor.darkblue,
-    paddingTop: 16,
-    paddingInline: 16,
+    backgroundColor: "transparent",
+    paddingBlock: PADDING_SMALL,
+    paddingInline: PADDING_MEDIUM,
     // padding: 16,
     // paddingTop: 8,
     // paddingBottom: 8,