Add FormSubmitButton that listens on FormState

[jhchong92]

closes #28256

Some forms allow submission on invalid and non-dirty state (e.g. Create Realm form). This behaviour provides more visible error messages if user clicks submit.

So, I decided to cater to this original behaviour by specifying it in Props.

export type FormSubmitButtonProps = ButtonProps & {
  ...
  allowNonDirty?: boolean
  allowInvalid?: boolean
};

[ssilvert]

@jhchong92 Can you fix conflicts, please? We would like to get this merged if you and @jonkoops can finish up.

[ssilvert]

@jhchong92 Please fix conflicts.
@jonkoops FYI

[jonkoops]

I'll take another look after the PR is rebased :)

[jhchong92]

@jonkoops rebased completed :)

[edewit]

@jhchong92 seems there are conflicts again

[jonkoops]

Let's implement the second proposal, where isDisabled can be passed as an override if needed.

[jhchong92]

I've applied the changes @jonkoops

[jonkoops]

Wonderful, thanks a bunch for taking this on @jhchong92, we really appreciate it!

[jhchong92]

Thank you @jonkoops ! I learned a lot from this, hope to contribute again in the future.