fix: improve modal scroll lock and e2e script workflow (#156)

frontend/src/styles.css

@@ -67,6 +67,7 @@
 }
 html {
 	overflow-x: hidden;
+	background: var(--bg-primary);
 }
 body {
 	margin: 0;
@@ -80,11 +81,9 @@ body {
 		color 200ms ease;
 }
 
+html.modal-open,
 body.modal-open {
 	overflow: hidden !important;
-	position: fixed;
-	width: 100%;
-	height: 100%;
 }
 
 .page {
@@ -3581,9 +3580,12 @@ textarea.auto-resize {
 }
 
 /* User Medications Modal */
-.user-meds-modal {
+.modal-content.user-meds-modal {
 	max-width: 500px;
 	width: 95%;
+	padding: 0;
+	border-radius: 16px;
+	overflow: hidden;
 }
 
 .user-meds-header {