add checklist filter

[sheleoni]

• no need to implement this as a modal

• just list all the hiragana and katakana rows

• reference from hiragana ice-cream:

  

• no need to implement select all / deselect all functionality at this stage

[sheleoni]

• let's use the radix checkbox https://www.radix-ui.com/primitives/docs/components/checkbox

[sheleoni]

Note: for logging selected rows

            Selected rows:
                {
                    Object.entries(allRowCharacters).map(([row, isChecked]: [string, boolean]) => {
                        return (
                           isChecked && (<p key={row}>
                               { row }行：
                               { CharactersByRow[row].map((character): ReactElement => {
                                    return (<span key={row}>{character}</span>)
                               })
                               }
                            {/*   todo: fix type error */}
                            </p>)
                        )
                    })
                }
            </p>