fix: wrap long legal values/descriptions (#927)

frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts

@@ -3,6 +3,7 @@ import { makeStyles } from '@material-ui/core/styles';
 export const useStyles = makeStyles(theme => ({
     container: {
         display: 'inline-block',
+        wordBreak: 'break-word',
     },
     value: {
         lineHeight: 1.33,

frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts

@@ -11,6 +11,7 @@ export const useStyles = makeStyles(theme => ({
         padding: '0.5rem',
         background: theme.palette.grey[200],
         borderRadius: theme.borders.radius.main,
+        wordBreak: 'break-word',
     },
     label: {
         fontSize: theme.fontSizes.smallBody,