Use Material icons instead of ionic icons

Some of our other icons were already Material design,
so these Ionic icons looked out of place.

App.tsx

@@ -10,7 +10,7 @@ import {
   DefaultTheme as PaperDefaultTheme,
   Provider,
 } from 'react-native-paper';
-import Ionicon from 'react-native-vector-icons/Ionicons';
+import Ionicon from 'react-native-vector-icons/MaterialIcons';
 import {lightColors} from './colors';
 import MassiveSnack from './MassiveSnack';
 import Routes from './Routes';

DrawerMenu.tsx

@@ -126,16 +126,13 @@ export default function DrawerMenu({name}: {name: keyof DrawerParamList}) {
         visible={showMenu}
         onDismiss={() => setShowMenu(false)}
         anchor={
-          <IconButton
-            onPress={() => setShowMenu(true)}
-            icon="ellipsis-vertical"
-          />
+          <IconButton onPress={() => setShowMenu(true)} icon="more-vert" />
         }>
-        <Menu.Item icon="arrow-down" onPress={download} title="Download" />
-        <Menu.Item icon="arrow-up" onPress={upload} title="Upload" />
+        <Menu.Item icon="arrow-downward" onPress={download} title="Download" />
+        <Menu.Item icon="arrow-upward" onPress={upload} title="Upload" />
         <Divider />
         <Menu.Item
-          icon="trash"
+          icon="delete"
           onPress={() => setShowRemove(true)}
           title="Delete"
         />

Routes.tsx

@@ -33,9 +33,9 @@ export default function Routes() {
 
   const routes: Route[] = [
     {name: 'Home', component: HomePage, icon: 'home'},
-    {name: 'Plans', component: PlanPage, icon: 'calendar'},
-    {name: 'Best', component: BestPage, icon: 'stats-chart'},
-    {name: 'Workouts', component: WorkoutsPage, icon: 'barbell'},
+    {name: 'Plans', component: PlanPage, icon: 'event'},
+    {name: 'Best', component: BestPage, icon: 'insights'},
+    {name: 'Workouts', component: WorkoutsPage, icon: 'fitness-center'},
     {name: 'Settings', component: SettingsPage, icon: 'settings'},
   ];
 
@@ -51,11 +51,7 @@ export default function Routes() {
           name={route.name}
           component={route.component}
           options={{
-            drawerIcon: ({focused}) => (
-              <IconButton
-                icon={focused ? route.icon : `${route.icon}-outline`}
-              />
-            ),
+            drawerIcon: () => <IconButton icon={route.icon} />,
           }}
         />
       ))}