kasih warna gold di header shopping cart dan menu confirmation

view/Auth.js

@@ -326,7 +326,8 @@ class Auth extends React.Component {
                     }, title: 'Tambah Alamat'
                   }} />
                   <Stack.Screen name="Menu Detail" component={MenuDetail}
-                   options={({ route }) => ({ headerStyle: { backgroundColor: '#CFB368' },
+                    options={({ route }) => ({
+                      headerStyle: { backgroundColor: '#CFB368' },
                       headerTitleContainerStyle: { alignContent: 'center' },
                       headerTitleAlign: 'center',
                       headerTintColor: '#fff',
@@ -335,7 +336,8 @@ class Auth extends React.Component {
                         fontFamily: 'Gotham-Black',
                         color: 'white',
                         textAlign: 'center'
-                   }, title: route.params.nameMenu })}
+                      }, title: route.params.nameMenu
+                    })}
                   />
                   <Stack.Screen name="Pickup Name" component={PickupName} options={{
                     headerStyle: { backgroundColor: '#CFB368' },
@@ -352,7 +354,20 @@ class Auth extends React.Component {
                   <Stack.Screen name="Outlet Detail" component={OutletDetail} />
                   <Stack.Screen name="Menu Select" component={MenuSelection} options={{ headerShown: false }} />
                   <Stack.Screen name="Card Info" component={CardInfo} />
-                  <Stack.Screen name="Shopping Cart" component={ShoppingCart} />
+                  <Stack.Screen name="Shopping Cart" component={ShoppingCart}
+                    options={{
+                      headerStyle: { backgroundColor: '#CFB368' },
+                      headerTitleContainerStyle: { alignContent: 'center' },
+                      headerTitleAlign: 'center',
+                      headerTintColor: '#fff',
+                      headerTitleStyle: {
+                        alignSelf: 'center',
+                        fontFamily: 'Gotham-Black',
+                        fontSize: 18,
+                        color: 'white',
+                        textAlign: 'center'
+                      }, title: 'Shopping Cart'
+                    }} />
                   <Stack.Screen name="Order History" component={OrderHistory} />
                   <Stack.Screen name="Reward History" component={RewardHistory}
                     options={{
@@ -460,7 +475,19 @@ class Auth extends React.Component {
         {/* <Stack.Screen name="Email Confirmation" component={EmailConfirmation} /> */}
 
         <Stack.Screen name="News Detail" component={NewsDetail} options={{ headerShown: false }} />
-        <Stack.Screen name="Confirm Your Order" component={MenuConfirmation} />
+        <Stack.Screen name="Confirm Your Order" component={MenuConfirmation} 
+        options={{
+          headerStyle: { backgroundColor: "#CFB368" },
+          headerBackTitleStyle: { color: 'white' },
+          headerTintColor: '#fff',
+          headerTitleAlign: 'center',
+          headerTitleStyle: {
+            fontFamily: 'Gotham-Black',
+            color: 'white',
+            fontSize: 18,
+          },
+          title: 'Confirm Your Order'
+        }} />
         <Stack.Screen name="Date Time" component={DateTime} />
         <Stack.Screen name="New Register" component={NewRegister}
           options={{