Change Home and Profile icons (#289)

* Modify Backend User Types

Move displayName and userIcon from ConnectedUser to UserConfig in User.ts

* Changed User Back End Types

* changed rest API DELETE function to use DELETE method

* Change home and profile icons, make text bigger

* fixed whitespacing

---------

Co-authored-by: h1divp <[email protected]>

client/app/navigation/AppNavigator.tsx

@@ -1,14 +1,16 @@
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import {StyleSheet, Text, View} from 'react-native';
 import * as React from "react";
 
 import { LocationProvider } from "../contexts/LocationContext";
 import { SocketProvider } from "../contexts/SocketContext";
 import { UserProvider } from "../contexts/UserContext";
 import ChatScreen from "../screens/chat/ChatScreen";
 import SettingsScreen from "../screens/settings/SettingsScreen";
+import { Home } from "react-native-feather";
+import {User} from "react-native-feather";
 
 const Tab = createBottomTabNavigator();
-
 const AppNavigator = () => {
   return (
     <LocationProvider>
@@ -17,9 +19,24 @@ const AppNavigator = () => {
           <Tab.Navigator
             screenOptions={{
               headerShown: false,
+              tabBarLabelStyle: {
+                fontSize: 15,
+              }
             }}>
-            <Tab.Screen name="Home" component={ChatScreen} />
-            <Tab.Screen name="Profile" component={SettingsScreen} />
+            <Tab.Screen name="Home" component={ChatScreen} options={{
+              tabBarIcon:({ focused, color, size }) => {
+                return(<Home width = {size} stroke = {color}/>
+                )
+              }
+            }
+            }/>
+            <Tab.Screen name="Profile" component={SettingsScreen} options = {{
+              tabBarIcon:({ focused, color, size }) => {
+                return(<User width = {size} stroke = {color} />)
+              }
+            }
+            }
+            />
           </Tab.Navigator>
         </UserProvider>
       </SocketProvider>