[TMA-186] Instagram Taggs - Frontend (#45)

* Renamed Moments(Bar) to Taggs(Bar)

* created initial navigation and empty social media taggs screen

* made more progress for the header styling

* Finished social media taggs screen, organized code structure

* linted stuff D:

* moved bar height utility function to utils

* moved color constants to constants

* moved avatar title

* updated comments for social media taggs

* NOW the file is there

3 files changed, 44 insertions, 0 deletions

diff --git a/src/routes/profile/Profile.tsx b/src/routes/profile/Profile.tsx
new file mode 100644
index 00000000..faab0bde
--- /dev/null
+++ b/src/routes/profile/Profile.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import {Image, StyleSheet} from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import {AvatarTitle} from '../../components';
+import {AVATAR_DIM, TAGGS_GRADIENT} from '../../constants';
+import {ProfileScreen, SocialMediaTaggs} from '../../screens';
+import {AuthContext} from '../authentication';
+import {ProfileStack} from './ProfileStack';
+
+const Profile: React.FC = () => {
+  return (
+    <ProfileStack.Navigator
+      initialRouteName="Profile"
+      screenOptions={{headerShown: false}}>
+      <ProfileStack.Screen name="Profile" component={ProfileScreen} />
+      <ProfileStack.Screen
+        name="SocialMediaTaggs"
+        component={SocialMediaTaggs}
+        options={{
+          headerShown: true,
+          headerTransparent: true,
+          headerBackTitleVisible: false,
+          headerTintColor: 'white',
+          headerTitle: () => <AvatarTitle />,
+        }}
+      />
+    </ProfileStack.Navigator>
+  );
+};
+
+export default Profile;
diff --git a/src/routes/profile/ProfileStack.tsx b/src/routes/profile/ProfileStack.tsx
new file mode 100644
index 00000000..9a39aa97
--- /dev/null
+++ b/src/routes/profile/ProfileStack.tsx
@@ -0,0 +1,11 @@
+import {createStackNavigator} from '@react-navigation/stack';
+
+export type ProfileStackParams = {
+  Profile: undefined;
+  SocialMediaTaggs: {
+    socialMediaType: string;
+    socialMediaHandle: string;
+  };
+};
+
+export const ProfileStack = createStackNavigator<ProfileStackParams>();
diff --git a/src/routes/profile/index.ts b/src/routes/profile/index.ts
new file mode 100644
index 00000000..367f4cc6
--- /dev/null
+++ b/src/routes/profile/index.ts
@@ -0,0 +1,2 @@
+export * from './ProfileStack';
+export {default} from './Profile';