fix(notification): change layout view notification page

src/screens/Notification.js

@@ -1,14 +1,18 @@
 import React, { useEffect, useCallback, useMemo, useState, useRef } from 'react';
 import { Icon, Card, Text, Avatar, useTheme, IconButton, Appbar, Button } from 'react-native-paper';
 import { RefreshControl, StyleSheet, View, ScrollView, Image, Dimensions } from 'react-native';
+import { colors } from '../utils/color'
+import { strings } from '../utils/i18n';
+import { StatusBar } from 'react-native';
 export default function ServiceScreen({ route, navigation }) {
-    const LeftContent = () => <Avatar.Icon size={40} icon="bell" backgroundColor='#1C1B40' />
+    const LeftContent = () => <Avatar.Icon size={40} icon="bell" backgroundColor={colors.blue} />
     const RightContent = () => <Text variant="bodyMedium">3 hari yang lalu</Text>
     return (
         <View style={styles.container}>
+            <StatusBar backgroundColor={colors.pureWhite} barStyle='dark-content' translucent={true} />
             <Appbar.Header mode='center-aligned' style={{ backgroundColor: 'white' }}>
                 <Appbar.BackAction onPress={() => { navigation.goBack() }} />
-                <Appbar.Content title="Notifikasi" />
+                <Appbar.Content title={strings('global.notification')} />
                 <Appbar.Action icon='check-all' onPress={() => { }} />
             </Appbar.Header>
             <ScrollView>
@@ -27,12 +31,12 @@ const styles = StyleSheet.create({
     container: {
         flex: 1,
         marginTop: 20,
+        backgroundColor: colors.catskillWhite
     },
     card: {
         marginTop: 15,
         marginHorizontal: 10,
-        marginVertical: 2,
-        backgroundColor: 'white'
+        backgroundColor: colors.pureWhite
     },
 
 })