feat: add global chat UI with i18n and translation indicators

App.js

@@ -29,6 +29,7 @@ import GlobalState from './contexts/GlobalState.js';
 import NewGroup from './Views/NewGroup.js';
 import Slideshow from './Views/Slideshow.js';
 import SongPlayer from './Views/SongPlayer.js';
+import GlobalChat from './Views/GlobalChat.js';
 import { Platform } from 'react-native';
 import { PostHogProvider } from 'posthog-react-native'
 import * as Updates from 'expo-updates';
@@ -296,7 +297,7 @@ export default function App() {
                                         }} /> : <Appbar.Action icon="menu" style={{ padding: 0, margin: 0 }} onPress={() => { props.navigation.navigate('Menu'); }} />}
                                         <Appbar.Content title="EMI Fellowship" titleStyle={{}} />
                                         <Appbar.Action icon="chat" onPress={() => {
-                                            alert("Chats are comming soon.");
+                                            props.navigation.navigate("GlobalChat");
                                         }} onLongPress={() => {
                                             props.navigation.navigate("SongPlayer");
                                         }} />
@@ -373,6 +374,10 @@ export default function App() {
                                 name="SongPlayer"
                                 component={SongPlayer}
                             />
+                            <Stack.Screen
+                                name="GlobalChat"
+                                component={GlobalChat}
+                            />
                             <Stack.Screen name="SinglePost" component={SinglePost} />
                             <Stack.Screen name="Login" component={Login} options={{ headerShown: false }} />
                             <Tab.Screen name="Logout" component={Login} />