Update on feed button, new groups UI search and round borders

App.js

@@ -25,6 +25,7 @@ import InviteView from './Views/Invite.js';
 import MediaView from './components/MediaView.js';
 import { useSnapshot } from 'valtio';
 import GlobalState from './contexts/GlobalState.js';
+import NewGroup from './Views/NewGroup.js';
 
 
 const Tab = createBottomTabNavigator();
@@ -148,7 +149,7 @@ const MainNavigation = () => {
                 }}
                 listeners={({ navigation, route }) => ({
                     tabPress: e => {
-                        navigation.navigate('Feed')
+                        navigation.navigate('Feed', {reRender: Math.random()});
                     },
                 })}
 
@@ -247,7 +248,7 @@ export default function App() {
                             <Appbar.Header style={{backgroundColor: '#fff'}}>
                                 {props.navigation.canGoBack() ? <Appbar.BackAction onPress={()=>{
                                     props.navigation.goBack();
-                                }} /> : <></>}
+                                }} /> : <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.")}} />
                                 <Appbar.Action icon="search" onPress={()=>{props.navigation.navigate("Search")}} />
@@ -268,6 +269,10 @@ export default function App() {
                         name="NewPost"
                         component={NewPostView}
                     />
+                    <Stack.Screen
+                        name="NewGroup"
+                        component={NewGroup}
+                    />
                     <Stack.Screen
                         name="Search"
                         component={Search}