upd: modal konfirmasi

Deskripsi:
- menerapkan semua modal baru pada semua fitur

No Issues''

constants/Styles.ts

@@ -502,7 +502,7 @@ const Styles = StyleSheet.create({
    iconContent: {
       padding: 10,
       borderRadius: 100,
-      backgroundColor:'#E5E7EB'
+      backgroundColor: '#E5E7EB'
    },
    wrapHeadViewMember: {
       backgroundColor: '#19345E',
@@ -723,7 +723,58 @@ const Styles = StyleSheet.create({
       shadowOpacity: 0.2,
       shadowRadius: 5,
       elevation: 50,
-   }
+   },
+   modalOverlay: {
+      flex: 1,
+      backgroundColor: 'rgba(0, 0, 0, 0.6)',
+      justifyContent: 'center',
+      alignItems: 'center',
+   },
+   modalConfirmContainer: {
+      width: '80%',
+      borderRadius: 14,
+      overflow: 'hidden',
+      elevation: 5,
+      shadowColor: '#000',
+      shadowOffset: { width: 0, height: 2 },
+      shadowOpacity: 0.25,
+      shadowRadius: 3.84,
+   },
+   modalConfirmContent: {
+      padding: 20,
+      alignItems: 'center',
+   },
+   modalConfirmTitle: {
+      fontSize: 18,
+      fontWeight: 'bold',
+      marginBottom: 8,
+      textAlign: 'center',
+   },
+   modalConfirmMessage: {
+      fontSize: 14,
+      textAlign: 'center',
+      lineHeight: 20,
+   },
+   modalConfirmDivider: {
+      height: 1,
+      width: '100%',
+   },
+   modalConfirmFooter: {
+      flexDirection: 'row',
+      height: 50,
+   },
+   modalConfirmButton: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center',
+   },
+   modalConfirmButtonText: {
+      fontSize: 16,
+   },
+   modalConfirmVerticalDivider: {
+      width: 1,
+      height: '100%',
+   },
 })
 
 export default Styles;