project setup

app/(tabs)/data-protection/general/index.tsx

@@ -0,0 +1,28 @@
+import { Text, View } from "react-native";
+
+import { useAppSelector } from "@/store/hooks";
+import { selectIsMobile } from "@/store/screen/screenSizeSlice";
+
+const General = () => {
+  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`}
+      >
+        General Security
+      </Text>
+      <Text className="text-base text-gray-600">
+        This is the General Security tab content. It would typically show
+        application errors, exceptions, and critical issues that need attention.
+      </Text>
+    </View>
+  );
+};
+
+export default General;

app/(tabs)/data-protection/index.tsx

@@ -0,0 +1,7 @@
+import { Redirect } from "expo-router";
+
+const DataProtection = () => {
+  return <Redirect href="/data-protection/general" />;
+};
+
+export default DataProtection;