Checks: Create Run Basic Checks dialog

[katherinejensen00]

As a user, I want to find and run the checks I care about quickly so that I can efficiently see relevant information about what I need to fix about my text.

Design the structure for the run basic checks dialog (note there is a separate case for designing the anatomy of a check).
One thing to consider is how to dynamically find and display checks

Assume we will recreate something similar to what was done in PT9 unless UX has a different design in place.

From PT9:

[Sebastian-ubs]

make basic checks a dialog with non scrolling footer buttons.

[Sebastian-ubs]

follow up of

• Run Basic Checks stub #401,

related to

• Hook Up Run Basic Checks #402

[jolierabideau]

@roopa0222

To be tested from an extension:

• New Checklist component in platform-bible-react
• ChapterRangeSelector, no longer accepts startChapter and endChapter as props

[roopa0222]

1. Updated the ChapterRangeSelector component in my test extension.
2. Used Checklist Component in my test extension. Tested all the component props and functions. Everything working as expected.

In my UI

  <Checklist
          id="checkListTestId"
          className="papi-checkbox"
          legend="Country"
          listItems={countryList}
          selectedListItems={selectCountry}
          createLabel={OnCreateLabel}
          handleSelectListItem={OnHandleSelectListItem}
        />