How to have multiple draggable containers in same droppable div in react-beatiful-dnd?

I am trying to implement React Beautiful DND in an existing project. Everything is working fine.

What needs to be done?

1. I want to know how we can map through the array directly to make draggable and droppable divs instead of array objects
2. I want to know how we can add static draggable text without mapping over the array. Thanks in advance

Here is what I have tried so far: https://codesandbox.io/s/hardcore-colden-un7el?file=/src/App.js:89-108