edited EmailScreen's Delte Modal formatting

components/ScannedDataBox.tsx

@@ -293,13 +293,14 @@ const ScannedDataBox: React.FC<ScannedDataBoxProps> = ({ qrCodeId, clearScanData
       <Text style={[styles.resultText, { color: resultColor }]}>
         Result: {resultText}
       </Text>
-<Text style={styles.classificationText}>
+
-  Classification: {classification}
-</Text>
 
       {/* URL Type */}
       {type === 'URL' && (
         <>
+        <Text style={styles.classificationText}>
+  Classification: {classification}
+</Text>
           <View style={styles.mainContent}>
          {/* Left Container */}
   <View style={styles.leftContainer}>

screens/EmailScreen.tsx

@@ -298,7 +298,6 @@ const EmailScreen: React.FC = () => {
       >
         <View style={styles.modalOverlay}>
           <View style={styles.modalContainer}>
-            <View style={styles.modalContent}>
               <Text style={styles.modalTitle}>Are you sure?</Text>
               <Text style={styles.modalText}>This will only delete the entry on the app and not the actual email.</Text>
               <View style={styles.modalButtons}>
@@ -317,7 +316,6 @@ const EmailScreen: React.FC = () => {
               </View>
           </View>
         </View>
-        </View>
       </Modal>
     </View>
   );
@@ -469,7 +467,7 @@ const styles = StyleSheet.create({
   },
   deleteButtonText: {
     marginRight: screenWidth * 0.02,
-    color: '#f41c87',
+    color: '#ff69b4',
     fontSize: screenWidth * 0.035,
   },
   modalOverlay: {
@@ -497,6 +495,7 @@ const styles = StyleSheet.create({
     marginBottom: screenHeight * 0.01,
   },
   modalText: {
+    color: '#ff69b4',
     fontSize: screenWidth * 0.04,
     marginBottom: screenHeight * 0.02,
     textAlign: 'center',

screens/HistoryScreen.tsx

@@ -267,6 +267,7 @@ const styles = StyleSheet.create({
     marginBottom: screenHeight * 0.01,
   },
   modalText: {
+    color: '#ff69b4',
     fontSize: screenWidth * 0.04,
     marginBottom: screenHeight * 0.02,
     textAlign: 'center',