Mobile: Accessibility: Improve note list accessibility

[personalizedrefrigerator]

Summary

This pull request improves the accessibility of the mobile app's note list by:

• Hiding the checkbox icon from accessibility tools.
  • It uses react-native-vector-icons, which uses an icon font. Previously, accessibility tools would attempt to read the checkbox icon as a character (unpronounceable with my current TalkBack settings).
• Marking note buttons as buttons.
• Adding aria-checked to checkboxes (for web).
  • react-native-web seems to require aria-checked for accessibility tools to read a checked checkbox as checked.
  • React Native Android seems to require accessibilityState={{ checked: true }} for a checked checkbox to be read as checked.
• Adding accessibilityHint to note list buttons to describe the effect of clicking one of the buttons.

Related to #10795.

Known unresolved issues

• iOS: Tasks can't be toggled from the note list with VoiceOver (it's necessary to open the note).
  • This is because the <Checkbox> is contained within a <TouchableOpacity>. VoiceOver only makes the parent TouchableOpacity focusable.

Testing plan

Android 13:

1. Setup: Open/create a notebook with the following notes/tasks:
   • Note: Example
   • Note: Test
   • Task (complete): Test
2. Enable the screen reader and move accessibility focus to Example.
3. Verify that TalkBack reads Example, Button, Opens note
4. Move accessibility focus to the next item (swipe right).
5. Verify that TalkBack reads Test, Button, Opens note.
6. Wait 1-2 seconds.
7. Verify that TalkBack reads Double-tap to activate.
8. Move accessibility focus to the next item (swipe right).
9. Verify that TalkBack reads Test, Button, Opens note.
   • Optional: Perhaps this should read "Opens to-do" for tasks?
10. Move accessibility focus to the next item.
11. Verify that TalkBack reads checked, to-do: Test, checkbox.
12. Wait 1-2 seconds.
13. Verify that TalkBack reads Double-tap to toggle.
14. Double-tap.
15. Verify that TalkBack reads Not checked.