💄 Allow long words to wrap in steps nav

Without wrapping, the delete icon cannot be reached to delete a step
because the step name is pushing it behind the form step details.

src/openforms/js/components/admin/form_design/FormStepsNav.js

@@ -52,7 +52,11 @@ const FormStepNavItem = ({
           onClick={() => onReorder('down')}
         />
       </div>
-      <button type="button" onClick={onActivate} className="button button--plain">
+      <button
+        type="button"
+        onClick={onActivate}
+        className="button button--plain list__item-text list__item-text--allow-wrap"
+      >
         {hasErrors ? <ErrorIcon text={iconTitle} extraClassname="icon icon--danger" /> : null}
         {name}
       </button>

src/openforms/scss/components/admin/_list.scss

@@ -36,6 +36,13 @@
       align-items: center;
     }
   }
+
+  &__item-text {
+    &--allow-wrap {
+      word-break: break-all;
+      overflow-wrap: anywhere;
+    }
+  }
 }
 
 .list__item--active {