Added pages and drawer

src/Routes/AddNote/AddNote.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { View, Text } from "react-native";
+import styles from "../../styles";
+import Background from "../../Components/Background/Background";
+
+export interface props {}
+
+export default function AddNote(props: props) {
+  return (
+    <Background>
+      <Text style={{ ...styles.text_white, ...{ fontSize: 32 } }}>
+        Add Note
+      </Text>
+    </Background>
+  );
+}

src/Routes/Home/Home.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import {View, Text} from 'react-native';
+import styles from '../../styles';
+import Background from '../../Components/Background/Background';
+import {useNavigation} from '@react-navigation/native';
+import {RootDrawerParamList} from '../../Interfaces/Interfaces';
+import AppIcon from '../../Components/Icons/AppIcon/AppIcon';
+import Button from '../../Components/Buttons/ButtonCentered/ButtonCentered';
+import HomeIcon from '../../Components/Icons/HomeIcon/HomeIcon';
+import AddIcon from '../../Components/Icons/AddIcon/AddIcon';
+import UserIcon from '../../Components/Icons/UserIcon/UserIcon';
+import LoginIcon from '../../Components/Icons/LoginIcon/LoginIcon';
+import SignupIcon from '../../Components/Icons/SignupIcon/SignupIcon';
+
+export interface props {}
+
+export default function Home(props: props) {
+  const navigation = useNavigation<RootDrawerParamList>();
+  return (
+    <Background>
+      <View
+        style={{
+          display: 'flex',
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}>
+        <AppIcon size={64} color="white" />
+        <Text style={{...styles.text_white, ...{fontSize: 32}}}>
+          Clip Notes
+        </Text>
+      </View>
+      <View style={{margin: 16}} />
+    </Background>
+  );
+}

src/Routes/UserInfo/UserInfo.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { View, Text } from "react-native";
+import styles from "../../styles";
+import Background from "../../Components/Background/Background";
+
+export interface props {}
+
+export default function UserInfo(props: props) {
+  return (
+    <Background>
+      <Text style={{ ...styles.text_white, ...{ fontSize: 32 } }}>
+        UserInfo
+      </Text>
+    </Background>
+  );
+}