style: standardisasi borderRadius modal — bottom sheet 18→20, confirm 14→12, decorativeCircle 150→100

constants/styles/modal.styles.ts

@@ -6,31 +6,31 @@ const ModalStyles = StyleSheet.create({
       width: '100%',
       paddingBottom: 20,
       backgroundColor: 'white',
-      borderTopRightRadius: 18,
-      borderTopLeftRadius: 18,
+      borderTopRightRadius: 20,
+      borderTopLeftRadius: 20,
       position: 'absolute',
       bottom: 0,
    },
    modalContentNew: {
       width: '100%',
       backgroundColor: 'white',
-      borderTopRightRadius: 18,
-      borderTopLeftRadius: 18,
+      borderTopRightRadius: 20,
+      borderTopLeftRadius: 20,
       paddingTop: 5,
       paddingBottom: 5,
       paddingHorizontal: 20,
    },
    modalFloatContent: {
       backgroundColor: 'white',
-      borderRadius: 18,
+      borderRadius: 20,
       paddingTop: 5,
       paddingBottom: 10,
       paddingHorizontal: 20,
    },
    titleContainer: {
       backgroundColor: 'white',
-      borderTopRightRadius: 10,
-      borderTopLeftRadius: 10,
+      borderTopRightRadius: 20,
+      borderTopLeftRadius: 20,
       paddingHorizontal: 20,
       flexDirection: 'row',
       alignItems: 'center',
@@ -65,7 +65,7 @@ const ModalStyles = StyleSheet.create({
    },
    modalConfirmContainer: {
       width: '80%',
-      borderRadius: 14,
+      borderRadius: 12,
       overflow: 'hidden',
       elevation: 2,
       shadowColor: '#000',
@@ -92,7 +92,7 @@ const ModalStyles = StyleSheet.create({
       position: 'absolute',
       width: 300,
       height: 300,
-      borderRadius: 150,
+      borderRadius: 100,
       backgroundColor: 'rgba(255, 255, 255, 0.05)',
       top: -50,
       right: -50,