feat: restructure app components and implement secure storage functionality

- Refactored the project structure to separate components into a dedicated directory.
- Introduced a new App component with secure storage capabilities using react-native-sensitive-info.
- Added ActionButton, ActionsPanel, Card, Header, ModeSelector, SecretForm, SecretsList components for improved UI and functionality.
- Implemented secure storage logic including saving, revealing, removing, and clearing secrets.
- Enhanced user experience with loading states and error handling.
- Updated configuration files for Babel, Metro, and React Native.
- Added utility functions for error formatting and constants for default values.
- Improved ESLint and Prettier configurations for better code quality.

Author: mCodex

.prettierrc.js

@@ -1,5 +1,8 @@
 module.exports = {
   singleQuote: true,
-  trailingComma: 'all',
-  printWidth: 100,
+  semi: true,
+  tabWidth: 2,
+  trailingComma: 'es5',
+  useTabs: false,
+  quoteProps: 'consistent',
 };

app.plugin.js

@@ -2,43 +2,43 @@ const {
   createRunOncePlugin,
   withGradleProperties,
   withPodfileProperties,
-} = require('@expo/config-plugins')
+} = require('@expo/config-plugins');
 
-const pkg = require('./package.json')
+const pkg = require('./package.json');
 
 function ensureGradleProperty(gradleProperties, name, value) {
-  const property = gradleProperties.find((item) => item.name === name)
+  const property = gradleProperties.find((item) => item.name === name);
   if (property) {
-    property.value = value
+    property.value = value;
   } else {
-    gradleProperties.push({ type: 'property', name, value })
+    gradleProperties.push({ type: 'property', name, value });
   }
 }
 
 function withAndroidNewArchitecture(config) {
   return withGradleProperties(config, (modConfig) => {
-    ensureGradleProperty(modConfig.modResults, 'newArchEnabled', 'true')
-    ensureGradleProperty(modConfig.modResults, 'expo.jsEngine', 'hermes')
-    return modConfig
-  })
+    ensureGradleProperty(modConfig.modResults, 'newArchEnabled', 'true');
+    ensureGradleProperty(modConfig.modResults, 'expo.jsEngine', 'hermes');
+    return modConfig;
+  });
 }
 
 function withIosNewArchitecture(config) {
   return withPodfileProperties(config, (modConfig) => {
-    modConfig.modResults.new_arch_enabled = 'true'
-    modConfig.modResults.RCT_NEW_ARCH_ENABLED = '1'
-    return modConfig
-  })
+    modConfig.modResults.new_arch_enabled = 'true';
+    modConfig.modResults.RCT_NEW_ARCH_ENABLED = '1';
+    return modConfig;
+  });
 }
 
 function withSensitiveInfoExpo(config) {
-  config = withAndroidNewArchitecture(config)
-  config = withIosNewArchitecture(config)
-  return config
+  config = withAndroidNewArchitecture(config);
+  config = withIosNewArchitecture(config);
+  return config;
 }
 
 module.exports = createRunOncePlugin(
   withSensitiveInfoExpo,
   pkg.name,
   pkg.version
-)
+);

babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   plugins: ['babel-plugin-react-compiler'],
   presets: ['module:@react-native/babel-preset'],
-}
+};

eslint.config.mts

@@ -62,8 +62,31 @@ export default [
     },
 
     rules: {
-      'prettier/prettier': 'error',
+      'prettier/prettier': [
+        'error',
+        {
+          singleQuote: true,
+          semi: true,
+          tabWidth: 2,
+          trailingComma: 'es5',
+          useTabs: false,
+          quoteProps: 'consistent',
+        },
+      ],
       'import/extensions': 'off',
+      'react/function-component-definition': [
+        'error',
+        {
+          namedComponents: 'arrow-function',
+          unnamedComponents: 'arrow-function',
+        },
+      ],
+      'react/jsx-filename-extension': [
+        'error',
+        {
+          extensions: ['.jsx', '.tsx'],
+        },
+      ],
     },
   },
 ];