fix: Updated icon names to match latest vector icons version

src/components/SettingsAppIcon/SettingsAppIcon.tsx

@@ -1,37 +1,37 @@
 import { DynamicIcon, View } from '@bluebase/components';
 import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+
 import React from 'react';
 import { Theme } from '@bluebase/core';
 
 export interface SettingsAppIconStyles {
-	iconColor: { color: TextStyle['color'] },
-	root: StyleProp<ViewStyle>
+	iconColor: { color: TextStyle['color'] };
+	root: StyleProp<ViewStyle>;
 }
 
 export interface SettingsAppIconProps {
 	size: number;
-	styles?: Partial<SettingsAppIconStyles>
+	styles?: Partial<SettingsAppIconStyles>;
 }
 
 export const SettingsAppIcon = ({ size, styles: _styles }: SettingsAppIconProps) => {
-
 	const styles = _styles as SettingsAppIconStyles;
 
 	return (
-		<View style={[styles.root, { height: size, width: size, }]}>
-			<DynamicIcon type="icon" name="settings" color={styles.iconColor.color} size={size * .75} />
+		<View style={[styles.root, { height: size, width: size }]}>
+			<DynamicIcon type="icon" name="cog" color={styles.iconColor.color} size={size * 0.75} />
 		</View>
 	);
 };
 
 SettingsAppIcon.defaultStyles = (_theme: Theme) => ({
 	iconColor: {
-		color: '#FFF'
+		color: '#FFF',
 	},
 	root: {
 		alignItems: 'center',
 		backgroundColor: '#6E90A1',
 		borderRadius: 10,
 		justifyContent: 'center',
 	},
-});
+});

src/routes/pages.tsx

@@ -6,7 +6,7 @@ export const pages: SettingsPageProps[] = [
 		path: 'general',
 
 		navigationOptions: {
-			drawerIcon: { type: 'icon', name: 'settings' },
+			drawerIcon: { type: 'icon', name: 'cog' },
 			title: 'General',
 		},