fix: drag and drop (#4924)

src/components/home/test-card.tsx

@@ -5,6 +5,7 @@ import {
   useSensor,
   useSensors,
   DragEndEvent,
+  DragOverlay,
 } from "@dnd-kit/core";
 import { SortableContext } from "@dnd-kit/sortable";
 import { Add, NetworkCheck } from "@mui/icons-material";
@@ -196,6 +197,7 @@ export const TestCard = () => {
           onDragEnd={onDragEnd}
         >
           {renderTestItems}
+          <DragOverlay />
         </DndContext>
       </ScrollBox>
 

src/pages/profiles.tsx

@@ -2,6 +2,7 @@ import {
   closestCenter,
   DndContext,
   DragEndEvent,
+  DragOverlay,
   KeyboardSensor,
   PointerSensor,
   useSensor,
@@ -898,6 +899,7 @@ const ProfilePage = () => {
             </Grid>
           </Box>
         </Box>
+        <DragOverlay />
       </DndContext>
 
       <ProfileViewer