project setup

app/(tabs)/reports/inbox/index.tsx

@@ -0,0 +1,28 @@
+import { Text, View } from "react-native";
+
+import { useAppSelector } from "@/store/hooks";
+import { selectIsMobile } from "@/store/screen/screenSizeSlice";
+
+const Inbox = () => {
+  const isMobile = useAppSelector(selectIsMobile);
+
+  return (
+    <View
+      className={`flex-1 p-1 ${isMobile ? "p-1" : "p-5"} bg-primaryPurpleLight`}
+    >
+      <Text
+        className={`text-2xl font-bold ${
+          isMobile ? "mb-1" : "mb-4"
+        } text-white`}
+      >
+        Inbox
+      </Text>
+      <Text className="text-base text-gray-600">
+        This is the Inbox tab content. It would typically show application
+        errors, exceptions, and critical issues that need attention.
+      </Text>
+    </View>
+  );
+};
+
+export default Inbox;

app/(tabs)/reports/index.tsx

@@ -0,0 +1,7 @@
+import { Redirect } from "expo-router";
+
+const Reports = () => {
+  return <Redirect href="/reports/inbox" />;
+};
+
+export default Reports;