feat(SW-1509): simplified date of birth component to work with new select

added animated labels to new select

apps/scandic-web/components/TempDesignSystem/Form/Date/date.module.css

@@ -1,35 +1,15 @@
 .container {
-  display: grid;
+  display: flex;
   gap: var(--Spacing-x2);
-  grid-template-areas: "year month day";
-  grid-template-columns: 1fr 1fr 1fr;
-  width: var(--width);
+  user-select: none;
 }
 
-@media (max-width: 350px) {
+@media screen and (width < 400px) {
   .container {
-    display: flex;
     flex-direction: column;
   }
 }
 
-.day {
-  grid-area: day;
-}
-
-.month {
-  grid-area: month;
-}
-
-.year {
-  grid-area: year;
-}
-
-/* TODO: Handle this in Select component.
-   - out of scope for now.
-*/
-.day.invalid > div > div,
-.month.invalid > div > div,
-.year.invalid > div > div {
-  border-color: var(--Scandic-Red-60);
+.segment {
+  flex: 1;
 }