[TECH] Fix modal display & improve CSS

ui/ui-frontend-common/src/sass/material/_modal.scss

 $arrow-size: 70px;
+$max-height: 95vh;
+$radius: 20px;
 
 .vitamui-modal .mat-dialog-container {
-    border-radius: 20px;
+    border-radius: $radius;
     padding: 0;
     min-width: 800px;
     max-width: fit-content;
-    max-height: 96vh;
-}
+    max-height: $max-height;
 
-.vitamui-modal {
     .header {
-        padding: 20px 60px 0 60px;
-    }
+            padding: 20px 60px 0 60px;
+        }
 
-    .content {
-        padding: 0px 60px 30px 60px;
+        .content {
+            padding: 0px 60px 30px 60px;
 
-        // dialog title
-        > .text.large:first-of-type {
-            margin: 1.5rem 0;
-        }
+            // dialog title
+            > .text.large:first-of-type {
+                margin: 1.5rem 0;
+            }
+
+            .actions:last-of-type {
+                display: flex;
+                margin-top: 35px;
+            }
 
-        .actions:last-of-type {
-            display: flex;
-            margin-top: 35px;
+            .actions:last-of-type > button:not(:last-child) {
+                margin-right: 20px;
+            }
         }
 
-        .actions:last-of-type > button:not(:last-child) {
-            margin-right: 20px;
+        .error-message {
+            color: $red;
+            font-size: 14px;
+            margin-bottom: 30px;
         }
-    }
 
-    .error-message {
-        color: $red;
-        font-size: 14px;
-        margin-bottom: 30px;
-    }
+        .vitamui-table {
+            overflow: auto;
+            max-height: 43vh;
 
-    .vitamui-table {
-        overflow: auto;
-        max-height: 43vh;
-      
-        &::-webkit-scrollbar {
-          display: none;
+            &::-webkit-scrollbar {
+              display: none;
+            }
         }
-    }
 
-    // TODO : depereacted, remove at the end of the redesign
-    .form-group {
-        margin-bottom: 20px;
-    }
+        // TODO : depereacted, remove at the end of the redesign
+        .form-group {
+            margin-bottom: 20px;
+        }
 }
 
 .vitamui-form-dual-panel .mat-dialog-container {
-    border-radius: 20px;
+    border-radius: $radius;
     padding: 0;
+    max-height: $max-height;
 
     .vitamui-form-dual-panel-content {
         display: flex;
@@ -107,14 +108,14 @@ $arrow-size: 70px;
                 margin-bottom: 10px;
 
                 &-label {
-                    font-size: 13px;
+                    font-size: 12px;
                     color: var(--vitamui-grey-600);
                 }
 
                 &-content {
-                    font-size: 15px;
-                    font-weight: 500;
-                    color: var(--vitamui-grey-800);
+                    font-size: 16px;
+                    font-weight: bold;
+                    color: var(--vitamui-grey-900);
                     word-break: break-word;
                 }
             }