🐛(react) fix DatePicker alignments

Due to the previous changes of LabelledBox that allows it to fit dynamic
height containers, we forgot to update the DatePicker resulting in a broken
CSS alignment.

packages/react/src/components/Forms/DatePicker/index.scss

@@ -11,7 +11,7 @@
     border-color: var(--c--components--forms-datepicker--border-color);
     border-style: var(--c--components--forms-datepicker--border-style);
     display: flex;
-    align-items: center;
+
     transition: border var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
     padding: 0 0.75rem;
     gap: 1rem;
@@ -25,6 +25,11 @@
     &--clickable {
       cursor: pointer;
     }
+
+    &__icon {
+      display: flex;
+      align-items: center;
+    }
   }
 
   &__inner {