Add initial JSON data files and implement core page components for game functionality

app/Screens/TeamPage.jsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import MemberFooterNavbar from '../components/MemberFooterNavbar';
+import useTeamViewModel from '../ViewModel/useTeamViewModel';
+
+const TeamPage = () => {
+  const { team } = useTeamViewModel();
+
+  return (
+    <View style={styles.wrapper}>
+      <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>
+      <MemberFooterNavbar visible />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  wrapper: {
+    flex: 1,
+    backgroundColor: '#ffffff',
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 20,
+    gap: 6,
+  },
+  title: {
+    fontSize: 26,
+    fontWeight: '700',
+    color: '#111827',
+  },
+  body: {
+    color: '#4b5563',
+  },
+});
+
+export default TeamPage;
+