delete safeAreaView

src/components/Navbar.tsx

@@ -1,6 +1,6 @@
 import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import {
   Dimensions,
   Image,
@@ -12,6 +12,7 @@ import {
   View,
 } from 'react-native';
 import AppLink from 'react-native-app-link';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Logo from 'screens/../../assets/bootsplash/logo.png';
 import Bell from 'svg/Bell';
 import Instagram from 'svg/Instagram';
@@ -23,17 +24,9 @@ const isSmallScreen = width < 360;
 
 const Navbar = () => {
   const [browserUrl, setBrowserUrl] = useState('');
+  const { top } = useSafeAreaInsets();
   const [modalVisible, setModalVisible] = useState(false);
   const navigation = useNavigation<NativeStackNavigationProp<any>>();
-  const iconSizes = useMemo(
-    () => ({
-      telegram: isSmallScreen ? 20 : 24,
-      instagram: isSmallScreen ? 18 : 22,
-      facebook: isSmallScreen ? 22 : 26,
-      bell: isSmallScreen ? 20 : 24,
-    }),
-    [],
-  );
 
   const openTelegram = useCallback(async () => {
     try {
@@ -82,7 +75,7 @@ const Navbar = () => {
 
   return (
     <>
-      <View style={styles.header}>
+      <View style={[styles.header, { marginTop: top }]}>
         <View style={styles.logo}>
           <Image source={Logo} style={styles.logoImage} />
           <Text style={styles.title}>CPOST</Text>