Fix form validation of version control

[mlqn]

Wrong error message when validation fails because of an existing number version

Screen.Recording.2023-09-11.at.14.22.36.mov

I also suggest wrapping all form fields with the new FormField component to maintain consistent styling for error messages.

Tasks

Preview Give feedback

1. Wrong error message when validation fails because of an existing number version
2. Wrap all form fields with the new FormField component to maintain consistent styling for error messages

[ghost]

I tested this now, the validation works ok as expected, but it seems to be some errors on the page that are related to the field having an error. I've checked in prod and the error is there too, so I would recommend to either include it in this issue or create a new to fix it 😄

Screen.Recording.2023-12-20.at.13.01.42.mov

[mlqn]

@WilliamThorenfeldt Are you referring to the red error message? If so, it appears because you entered an @ symbol, while the version number can only contain 0-9, a-z, ., or -.

[mlqn]

Ah, I think I see what problem you are referring to, it's the width of the sidebar that changes when the error message appears? I also agree that it would be nice to fix it 👍

[ghost]

The width yes, it bounces when I type something illegal

[JamalAlabdullah]

This problem was actually before this fixing. I suggest fixing it as a separate issue because it is something related to style for the entire page, not validation. I can make an issue for this.

[ghost]

This problem was actually before this fixing. I suggest fixing it as a separate issue because it is something related to style for the entire page, not validation. I can make an issue for this.

I agree 😄