Default Component - Copy this React, Tailwind Component to your project

use something other that react-dnd because it is now discontinued, and only use context apis insthi i need to to develop a prompt for a coder ai that uses tailwindcss and react to deliver my product...so what i want from is currently is that it should: make a component that takes up the size of its parent and it should have something that will be used by screenwriters, story writers, novelists etc. but focusing ccurrenlty on scene based plot tracking and character tracking right now, so what it does is, it takes in an array of scenes and the descriptions of those as columns and on the rows we have the different characters each with their own color (for the character development tracking) thing and that is the first column so each row reps a character while the rest of the columns belong to the separate scenes that we have, so now the users can use their cursors to drag and create the thingimajingies of the different colors (based on the color belonging to the character), so besically a gantt chart type thingy...the blocks of thesse chracter development tracking must also be capable of holding a bunch of text describing the thing and these blocks can span columns....the scene headings and descriptions have to be inplace editable and all the can be saved....so for demo purposes the whole data structure can be just console logged for the first iterationead of the various state management libraries,that too only if needed