ROU-10908: Align DataGrid cells vertically to the center (#442)

This PR is for...

[Sample
page](https://outsystemsui-dev.outsystemsenterprise.com/OutSystemsDataGridSample_ROU10908/Screen2?_ts=638727123084412660)

### What was happening
* The visual experience of editing DataGrid cells was undesirable.

### What was done
* All DataGrid cells are now vertically aligned to the center, including
when being edited.

### Test Steps
1. 


### Screenshots
(prefer animated gif)


### Checklist
* [x] tested locally
* [ ] documented the code
* [x] clean all warnings and errors of eslint
* [ ] requires changes in OutSystems (if so, provide a module with
changes)
* [ ] requires new sample page in OutSystems (if so, provide a module
with changes)

Author: OS-pedrolourenco

styles/Grid.css

@@ -152,18 +152,30 @@
     border-right: var(--datagrid-cell-border-right);
     color: var(--datagrid-cell-color);
     font-weight: normal;
-    padding: 14px 8px 0px 8px;
+    padding: 8px;
+
+    &:not(.wj-colgroup):not(.wj-multiline) {
+        align-content: center;
+    }
+
+    &.wj-align-center.wj-colgroup {
+        padding-top: 14px;
+    }
+}
+
+.wj-hasdropdown input.wj-grid-editor.wj-form-control {
+    padding-right: 18px; /* to account for arrow width */
+}
+
+.wj-cell.wj-hasdropdown.wj-align-left {
+    display: block;
 }
 
 .wj-flexgrid .wj-grid-editor,
 .wj-flexgrid .wj-cell.wj-hasdropdown .wj-btn.wj-btn-glyph.wj-right {
     height: auto;
 }
 
-.wj-flexgrid .wj-cell.wj-hasdropdown input {
-    width: 80%;
-}
-
 .wj-flexgrid .wj-cell.wj-hasdropdown .wj-dropdown.wj-inputdate input {
     width: 100%;
 }