upd: custom header

Deskripsi:
- update custom button header

- yg blm : fitur divisi dan yg ada di divisi

No Issues

components/AppHeader.tsx

@@ -0,0 +1,33 @@
+import { useRouter } from 'expo-router';
+import { StyleSheet, Text, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import ButtonBackHeader from './buttonBackHeader';
+import Styles from '@/constants/Styles';
+
+type Props = {
+  title: string;
+  right?: React.ReactNode;
+  showBack?: boolean;
+  onPressLeft?: () => void
+};
+
+export default function AppHeader({ title, right, showBack = true, onPressLeft }: Props) {
+  const insets = useSafeAreaInsets();
+  const router = useRouter();
+
+  return (
+    <View style={[Styles.headerContainer, { paddingTop: insets.top }]}>
+      <View style={Styles.headerApp}>
+        {showBack ? (
+          <ButtonBackHeader onPress={onPressLeft} />
+        ) : (
+          <View style={Styles.headerSide} />
+        )}
+
+        <Text style={Styles.headerTitle}>{title}</Text>
+
+        <View style={Styles.headerSide}>{right}</View>
+      </View>
+    </View>
+  );
+}