notification store and update in local storage

src/components/common/Header.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
 import { useNavigation } from "@react-navigation/native";
 import {Ionicons} from "@react-native-vector-icons/ionicons";
+import colors from "../colors";
 
 type HeaderProps = {
   title: string;
@@ -17,8 +18,8 @@ const Header: React.FC<HeaderProps> = ({
   showBack = true,
   onBackPress,
   rightAction,
-  titleColor = "",
-  arrowColor='pink'
+  titleColor = colors.primary,
+  arrowColor = colors.primary
 }) => {
   const navigation = useNavigation();
 
@@ -32,6 +33,11 @@ const Header: React.FC<HeaderProps> = ({
 
   return (
     <View style={styles.header}>
+      {showBack && (
+        <TouchableOpacity onPress={handleBack} style={{padding:6}}>
+          <Ionicons name="arrow-back" size={24} color={arrowColor} />
+        </TouchableOpacity>
+      )}
       <Text style={[styles.headerTitle, {color:titleColor}]}>{title}</Text>
       <View>{rightAction}</View>
     </View>