A group containing a tab group must be dragged twice before actually changing location

[maddouri]

Dockview version
6.0.6

Framework
React

Browser
Chrome

Describe the bug
When the last element that was dragged into a "group" (i.e. a tab bar) is a "tab group" (i.e. the ones with a colored chip), then that "group" must be dragged twice in order for it to actually move/change location.

See recording below.

Reproduction

Using the Tab Groups example:

Scenario A (bug): a "tab group" is the last thing that is dropped into a "group":

1. Move the "Monitoring" "tab group" to the right
2. Try dragging the "group" containing the "Monitoring" "tab group" back to the left
3. The layout doesn't change (this is the bug)
4. Try (again) dragging the "group" containing the "Monitoring" "tab group" back to the left
5. Now the layout changes
6. Move the "Billing" "tab" to the right
7. Repeat steps 1->5 (and observe the bug at step 3 again)

See recording below.

Scenario B (no bugs): a "tab" is the last thing that is dropped into a "group":

1. Move the "Billing" "tab" to the right
2. Move the "Monitoring" "tab group" to the right
3. Try dragging the "group" containing the "Billing" "tab" and the "Monitoring" "tab group" back to the left
4. The layout does change (so, no bugs, unlike scenario A's step 3)

See recording below.

Expected behavior

Dragging a "group" works as usual regardless of the type of the last element that was dropped into it.

Screenshots / recordings

dockview-group-must-be-dragged-twice.mp4

Additional context
N/A