feat: add the pages we will use for the application

app/(pages)/_layout.tsx

@@ -30,6 +30,33 @@ const TabLayout: React.FC = () => {
           },
         }}
       />
+      <Tabs.Screen
+        name="newHabit"
+        options={{
+          title: "New Habit",
+          tabBarIcon: ({ color }) => {
+            return <TabBarIcon name="plus-square" color={color} />
+          },
+        }}
+      />
+      <Tabs.Screen
+        name="history"
+        options={{
+          title: "History",
+          tabBarIcon: ({ color }) => {
+            return <TabBarIcon name="history" color={color} />
+          },
+        }}
+      />
+      <Tabs.Screen
+        name="settings"
+        options={{
+          title: "Settings",
+          tabBarIcon: ({ color }) => {
+            return <TabBarIcon name="cog" color={color} />
+          },
+        }}
+      />
       <Tabs.Screen
         name="login"
         options={{

app/(pages)/history.tsx

@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native"
+import { Button } from "react-native-paper"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const History: React.FC = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Button
+        mode="contained"
+        onPress={() => {
+          return console.log("Pressed")
+        }}
+      >
+        Press me
+      </Button>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})
+
+export default History

app/(pages)/newHabit.tsx

@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native"
+import { Button } from "react-native-paper"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const NewHabitPage: React.FC = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Button
+        mode="contained"
+        onPress={() => {
+          return console.log("Pressed")
+        }}
+      >
+        Press me
+      </Button>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})
+
+export default NewHabitPage

app/(pages)/settings.tsx

@@ -0,0 +1,28 @@
+import { StyleSheet } from "react-native"
+import { Button } from "react-native-paper"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const Settings: React.FC = () => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <Button
+        mode="contained"
+        onPress={() => {
+          return console.log("Pressed")
+        }}
+      >
+        Press me
+      </Button>
+    </SafeAreaView>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+})
+
+export default Settings