♻️(frontend) wrap text for long selected value

These changes should be discussed. Needed for the audio selects,
that render super long text values.

By default, centered texts are sometime hard to read.

src/frontend/src/primitives/Field.tsx

@@ -23,6 +23,7 @@ import { Div } from './Div'
 const FieldWrapper = styled('div', {
   base: {
     marginBottom: 'textfield',
+    minWidth: 0,
   },
 })
 

src/frontend/src/primitives/Select.tsx

@@ -43,6 +43,9 @@ const StyledButton = styled(Button, {
 
 const StyledSelectValue = styled(SelectValue, {
   base: {
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    textWrap: 'nowrap',
     '&[data-placeholder]': {
       color: 'default.subtle-text',
       fontStyle: 'italic',