upd: redesign aplikasi

Deskripsi:
- update home, profile dll
- blm selesai

NO Issues

components/AppHeader.tsx

@@ -1,4 +1,5 @@
 import Styles from '@/constants/Styles';
+import { useTheme } from "@/providers/ThemeProvider";
 import { useRouter } from 'expo-router';
 import { Platform, Text, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -15,20 +16,22 @@ type Props = {
 export default function AppHeader({ title, right, showBack = true, onPressLeft, left }: Props) {
   const insets = useSafeAreaInsets();
   const router = useRouter();
+  const { colors } = useTheme();
 
   return (
-    <View style={[Styles.headerContainer, Platform.OS === 'ios' ? Styles.pb05 : Styles.pb13, { paddingTop: Platform.OS === 'ios' ? insets.top : 10 }]}>
+    <View style={[Styles.headerContainer, Platform.OS === 'ios' ? Styles.pb05 : Styles.pb13, { backgroundColor: colors.header, paddingTop: Platform.OS === 'ios' ? insets.top : 10 }]}>
       <View style={Styles.headerApp}>
-        {showBack ? (
-          <ButtonBackHeader onPress={onPressLeft} />
-        ) :
-          left ? left :
-            (
-              <View style={Styles.headerSide} />
-            )}
-
-        <Text style={Styles.headerTitle}>{title}</Text>
+        <View style={[Styles.rowItemsCenter]}>
+          {showBack ? (
+            <ButtonBackHeader onPress={onPressLeft} />
+          ) :
+            left ? left :
+              (
+                <View style={Styles.headerSide} />
+              )}
 
+          <Text style={[Styles.headerTitle, Styles.ml05]}>{title}</Text>
+        </View>
         <View style={Styles.headerSide}>{right}</View>
       </View>
     </View>