Enable DOM reconciliation for transformed elements

[jalal246]

• Fix a rare bug that happens when the element is dragged and returned to the exact same position, which causes an error in the element branch, and dragged position remains empty ["", id-1, id-2, id-3].
• Fix a bug caused by dynamic visibility. Resizing the window triggers the visibility callback function and if dynamicVisiblilty=false then the function throws an error because instances are not defined.
• Use abstract for axes point.
• Move to the box model for more consistent geometry.
• Add different positions for different types of dragging.
• Support interactivity between scroll containers by allowing custom mirroring the dragged when necessary.
• Update listener(s) allowing them to be attached to scroll containers with overflow even if they are not dynamic.
• Initialize scroll threshold depending on the depth layer instead of the targeted container.
• Flushing element indicators without checking the DOM state leaning more into DOM & VDOM instances.
• Unify listeners system with payload and status.
• Add keyboard listener to the playground app to enable commit for testing.
• Add DFlex Cycle as a global migration holder inside the store.
• Add DFlex Session to manage user interactivity with the DFlex app.
• Manage reconciliation by using SK (containers key) inside Cycle. So the reconciliation only targets the affected container(s),
• Add options for committing changes to the DOM. Users still have the ability to transform the elements indefinitely but in some cases, apps need to commit after each cycle. This feature is now enabled with embedded reconciliation that targets only affecting elements in their containers. This feature makes DFlex the first drag-and-drop framework with its own reconciler and the first one that gives the user multiple options for indefinite transformation or committing to the DOM when necessary.