Add ScreenHeader component and update page layouts for consistent header usage

app/Screens/TeamPage.jsx

@@ -2,14 +2,15 @@ import React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import MemberFooterNavbar from '../components/MemberFooterNavbar';
 import useTeamViewModel from '../ViewModel/useTeamViewModel';
+import ScreenHeader from '../components/ScreenHeader';
 
 const TeamPage = () => {
   const { team } = useTeamViewModel();
 
   return (
     <View style={styles.wrapper}>
+      <ScreenHeader title="Team" />
       <View style={styles.container}>
-        <Text style={styles.title}>Team Page</Text>
         <Text style={styles.body}>Team details and members appear here.</Text>
         <Text style={styles.body}>{team?.team?.TeamName || 'No team joined yet'}</Text>
       </View>
@@ -30,11 +31,6 @@ const styles = StyleSheet.create({
     padding: 20,
     gap: 6,
   },
-  title: {
-    fontSize: 26,
-    fontWeight: '700',
-    color: '#111827',
-  },
   body: {
     color: '#4b5563',
   },