move add trees screen to new testing folder

src/testing/AddTrees/README.md

@@ -0,0 +1,16 @@
+# Testing Folder
+
+This folder contains code and components currently used for testing or experimentation purposes. The code here is not part of the active production application.
+
+## Included in This Folder
+
+### **AddTrees Screen**
+- **Original Purpose:** A screen for adding multiple trees of a specific species to the database. It allows the user to:
+  - Enter the species name.
+  - Specify the quantity of trees to add.
+  - Generate QR codes for each tree after adding them to the database.
+- **Reason for Relocation:** This functionality was moved outside the app, but the screen is preserved here for reference or future testing.
+
+## Notes
+- Code in this folder should not be included in production builds.
+- If functionality in this folder becomes relevant again, it should be reviewed, tested, and integrated into the main application.

src/components/AddTrees/styles.ts → src/testing/AddTrees/styles.ts

@@ -1,73 +1,83 @@
 import { StyleSheet } from 'react-native';
+import colors from '@/styles/colors';
+import typography from '@/styles/typography';
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     padding: 20,
-    backgroundColor: 'white',
+    backgroundColor: colors.white,
   },
+
   title: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    color: '#446127',
+    ...typography.heading5,
+    color: colors.primary,
     marginBottom: 40,
   },
+
   inputContainer: {
     marginBottom: 30,
   },
+
   label: {
-    fontSize: 16,
+    ...typography.normalRegular,
     marginBottom: 10,
-    color: '#333',
+    color: colors.gray1,
   },
+
   searchContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     borderWidth: 1,
-    borderColor: '#E0E0E0',
+    borderColor: colors.gray5,
     borderRadius: 8,
     backgroundColor: '#F5F5F5',
   },
+
   input: {
+    ...typography.normalRegular,
     flex: 1,
     height: 50,
     paddingHorizontal: 15,
-    fontSize: 16,
   },
+
   quantityContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
   },
+
   quantityButton: {
-    backgroundColor: '#446127',
+    backgroundColor: colors.primary,
     width: 45,
     height: 45,
     borderRadius: 8,
     justifyContent: 'center',
     alignItems: 'center',
   },
+
   quantityButtonText: {
-    color: 'white',
-    fontSize: 24,
-    fontWeight: 'bold',
+    ...typography.heading5,
+    color: colors.white,
   },
+
   quantityText: {
+    ...typography.largeRegular,
     marginHorizontal: 30,
-    fontSize: 20,
-    color: '#333',
+    color: colors.gray1,
   },
+
   completeButton: {
-    backgroundColor: '#446127',
+    backgroundColor: colors.primary,
     padding: 15,
     borderRadius: 8,
     marginTop: 'auto',
     marginBottom: 20,
   },
+
   completeButtonText: {
-    color: 'white',
-    fontSize: 18,
-    fontWeight: 'bold',
+    ...typography.mediumBold,
+    color: colors.white,
     textAlign: 'center',
   },
 });