Add Confirmation Message and Validation

[BenSpace48]

Currently if the AJAX request fails when adding a new comment there is no success or error message so the user has no confirmation.

Success message is not required as the user can see the comment on the screen if it succeeds but the user will not be aware if the comment fails, currently it simply logs to the console but we should render a message on the users screen.

There is some validation for comments that are too short (to prevent empty comments being added), so when this validation fails the user should also be shown a message.

See src/components/comment/NewComment.tsx:

if (trimmedComment.length > 2) {
    Axios.post(`${baseUrl()}new.php?commentType=` + props.commentType + '&text=' + comment)
        .then(function (response: InterfaceTeamData) {
            props.updateTeamData(response.data);
            setComment(''); // Reset the comment
        })
        .catch(function (error: Object) {
            console.log(error);
        });
} else {
    console.log('Validation failed');
    // todo: Add validation message
}