(fix) O3-2852: Fix the viewport size of the Start Visit form on tablet (

#1765)

* Overlapping issue fixed in visit-form

* Make viewport height responsive - different values for desktop and tablet

---------

Co-authored-by: Mutesasira Moses <mozzymutesa@gmail.com>
Co-authored-by: Dennis Kigen <kigen.work@gmail.com>

packages/esm-patient-chart-app/src/visit/visit-form/visit-form.scss

@@ -13,7 +13,6 @@
 
 .heading {
   @include type.type-style("heading-03");
-
   margin: spacing.$spacing-05;
 }
 
@@ -46,7 +45,7 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  height: calc(100vh - 6rem);
+  height: var(--desktop-workspace-window-height);
 }
 
 .button {
@@ -104,4 +103,8 @@
       }
     }
   }
+
+  .form {
+    height: var(--tablet-workspace-window-height);
+  }
 }