Cell Overlay in Archive Feature

[aleclevy]

When using the archive feature, our drag and drop (DND) should allow us to drag a cell anywhere on the screen. This would provide a nice animation for dragging over to the archive or unarchive column. However, the cells are stuck on the z-axis to their original column and go under the divs in between the columns but will show up inside the other column (Hard to explain but if you look at the feature, you can see it in action pretty clearly as you try to drag to another list. Look up functionality of DND within several columns to get a good understanding of what it is supposed to look like.)

To fix this, we should implement DragOverlay (See DND-Kit docs for explanation). After testing, the issue comes down to the usage of overflow-y in CSS for the box around the columns themselves.

Screen.Recording.2024-07-16.at.2.37.18.PM.mov