ui: fix drag and drop in FlatList while in strict mode

[Forfold]

This PR fixes part of #2412 the drag and drop functionality when in Strict Mode by replacing the current DND library we use (react-beautiful-dnd) with react-dnd, as react-beautiful-dnd is no longer being maintained.

Also does some cleaning up in FlatList, simplifying some function calls and organizing the functions to make a bit more sense overall.

out of scope:

• removing drag and drop from PolicyStepsCard
• removing react-beautiful-dnd and @types/react-beautiful-dnd packages afterwards

[tony-tvu]

Functionally tested ✅

[Forfold]

group review: reverse the states as in always show edit controls, toggle button hides them, and then shows drag handles. move edit toggle to the left/in line with avatars

[Forfold]

merged latest from master and wrapped up flipping the state of the toggle from the outcome of the group review, so this should be good to go again! @KatieMSB @tony-tvu

[tony-tvu]

I know we decided to use drag handles during mob review, but it looks like we can't drag and drop using only keyboard anymore after commit 1c49f10. This tradeoff might be worth considering if we go with the current solution.

[Forfold]

good catch @tony-tvu! i think that's a focus issue- once focused on the list item you should be able to tab again to focus on the drag handle. when i migrated it to FlatList i forgot about that

[tony-tvu]

lgtm!

[Forfold]

whoops, needed to update the tests too @tony-tvu my bad! should be good to go now. running a full make check on my end to make sure the rest passes