attach link to stormgate.io from docs branding logo

Author: fluctlight-kayaba

package.json

@@ -12,7 +12,6 @@
     "@react-native-async-storage/async-storage": "^1.17.10",
     "@react-navigation/native": "^6.0.12",
     "@react-navigation/stack": "^6.2.3",
-    "copy-webpack-plugin": "^11.0.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-art": "^18.2.0",
@@ -30,6 +29,7 @@
     "@metacraft/tsconfig": "^0.0.10",
     "@types/react-native": "^0.69.8",
     "babel-plugin-module-resolver": "^4.1.0",
+    "copy-webpack-plugin": "^11.0.0",
     "jest": "^29.0.3",
     "metro-react-native-babel-preset": "^0.72.2",
     "mustache": "^4.2.0",

src/components/layouts/Home/Navigation/index.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
-import { StyleSheet, TouchableOpacity, View, ViewStyle } from 'react-native';
+import { StyleSheet, View, ViewStyle } from 'react-native';
 import { stormIcons } from '@metacraft/icons';
-import { ThemeSizes } from '@metacraft/ui';
+import { Hyperlink, ThemeSizes } from '@metacraft/ui';
 import { iStyles } from 'utils/style';
 
 import Item from './Item';
@@ -24,9 +24,9 @@ export const HomeNavigation: FC<Props> = ({ sizes, onNavigate }) => {
 	return (
 		<View style={styles.container}>
 			<View style={[iStyles.contentContainer, styles.innerContainer]}>
-				<TouchableOpacity activeOpacity={0.9}>
+				<Hyperlink href="https://stormgate.io" target="_self">
 					<Flag size={100} style={styles.flag} />
-				</TouchableOpacity>
+				</Hyperlink>
 				<View style={navContainer}>
 					{navigationItems.map((item, i) => {
 						return <Item key={i} item={item} onPress={onNavigate} />;