User profile (general tab) flags (non-existing) parsing errors and does not allow saving

[GwynethLlewelyn]

Describe the bug
When changing one's profile, the General tab, which has most (all?) of the information for the current user (including the avatar!), incorrectly flags missing/parsing errors on the many items, therefore refusing to save the profile (the button is disabled). There is no fix and no workaround.

The JavaScript error console is not very helpful; it only states user required <UUID of the current user which, as of commit 998db2a, refers to the error displayed on Routes.tsx, line 35. It looks like the React components are not receiving the information supplied via the form for the current user, but, then again, I don't know React, so I really have no idea about what is happening.

See also similar issues reported earlier, e.g. #158 or #152, where the visual feedback is similar (and may be related to the same underlying issue).

There are also some visual issues on the labels (they overlap the text fields). On other sections of Taskcafé, these labels have a small animation that puts them 'out of the way', but such animation is not present on this form (neither it is on the two issues above mentioned). That might be a consequence of the error thrown: JavaScript execution might have stopped due to an error, and the remaining code for the 'special effects' is not being called.

Expected behavior

1. While in some cases it's true that some information might be missing (or erroneous), when everything is correctly filled in, the profile form should save all data.

2. The visual aspect of the labels should be consistent with the other panels where the small animation to get the field 'out of the way' is working.

Screenshots / Live demo link
Here is a screenshot from data which was manually entered in the database, and where I'm attempting to edit the Bio field. Note how there is a visual overlap of the label and the email field (which, btw, is a correct and valid email address!)

After clicking on Save Change (shouldn't it be plural, btw?), here is what Taskcafé displays:

Note how the Bio field has, indeed, been changed; however, because the Save Change button is not working, nothing gets saved, and all changes are lost...

Additional context
Also note that all the information seen on my snapshots was manually added, directly on the database, and I mean everything (i.e. users, user avatars, organisation, teams, description fields on the user's profile, user membership [admin, member...] — even the bcrypt'ed password hash!), except for the project and its associated cards/tasks. Thus, the snapshots may give the false sensation that it is possible to add some information

I'd love to send any Taskcafé web service logs if I only knew how to extract them from Docker! 🤣