style: center and enlarge modals to overlay navbar

TODO.md

@@ -37,3 +37,4 @@ Improving & Fixing Bugs (V3)
 - [x] Increased safe top inset to avoid status-bar overlap
 - [x] Added check-up stats (correct/bad/pending) and persisted per snapshot
 - [x] Extra UI polish pass (spacing, cards, hierarchy)
+- [x] Centered and enlarged edit/check-up modals to fully overlay nav

src/styles.js

@@ -400,20 +400,23 @@ export const styles = StyleSheet.create({
   modalBackdrop: {
     flex: 1,
     backgroundColor: 'rgba(2,6,23,0.72)',
-    justifyContent: 'flex-end',
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 12,
   },
   modalKeyboardWrap: {
     width: '100%',
+    alignItems: 'center',
   },
   modalCard: {
-    maxHeight: '87%',
+    width: '96%',
+    maxHeight: '92%',
     backgroundColor: '#0f172a',
-    borderTopLeftRadius: 18,
+    borderRadius: 20,
-    borderTopRightRadius: 18,
     borderWidth: 1,
     borderColor: '#1e293b',
-    padding: 14,
+    padding: 16,
-    gap: 8,
+    gap: 10,
   },
   closeText: {
     color: '#93c5fd',