Validate that the special issues are not selected along with the "No Special Issues"

[araposo-tistatech]

User or job story

Job story: When a attorney or judge selects the "No Special Issues" option all other options should be unchecked and disabled so the data captured on the page is accurate.

Acceptance criteria

• Please put this work behind the feature toggle: special_issues_revamp
• This feature should be accessible to the following user groups: Attorneys & Judges
• Include screenshot(s) in the Github issue if there are front-end changes
• If "No Special Issues" is clicked then all other options are unchecked and disabled

Release notes

Designs

Background/context

The special issues page allows selecting "No Special Issues" along with others. This should not continue as it will cause the data being captured to be inaccurate leading to potential confusion/issues down the line.

Technical notes

Other notes

Resources/other links

Slack Conversation

[yoomlam]

Related to #13735. See its PR for a head start.

[geronimoramos]

Switched up the first component to radio buttons to enable/disable the checkboxes. My first thought was to start with No to disable and prevent users from selecting an issue + selecting no issues while still making the options visible versus revealing them.
Alternately, it can start with yes and if users don’t select an issue they get a validation error.
Alternately, the radio buttons can start unselected but still follow the same behaviors listed above.

[geronimoramos]

@araposo-tistatech do we want to park or close this? I took this on a tangent

[araposo-tistatech]

@geronimoramos can we just get some copy for the error message to display?

[lomky]

what is this chart?

1 | 
2 | ||||||
3 | ||||||
5 | 
8 | 

Possible fallback to just stopping the user from moving forward with both None and another, if the lift looks unmanagable.

Why 3?

• Larger front end lift to implement disabling other buttons and unchecking selected