feat(platform, cdk): Drag & drop auto detect mode

[N1XUS]

Related Issue(s)

closes #9421

Description

• Refactored dnd directive to support 'auto' option of dropping the item. Depending on the coordinates of the dropped item it will switch between replace and after modes.
• replaced mode was deprecated in favour of dropMode;
• added documentation section in cdk to reflect dnd functionality;
• Applied new dnd feature to platform table;
• splitted platform table into few smaller pages because locally e2e always fails with hanged chrome.

Please check whether the PR fulfills the following requirements

During Implementation

1. Visual Testing:

• visual misalignments/updates
• check Light/Dark/HCB/HCW themes
• RTL/LTR - proper rendering and labeling
• responsiveness(resize)
• Content Density (Cozy/Compact/(Condensed))
• States - hover/disabled/focused/active/on click/selected/selected hover/press state
• Interaction/Animation - open/close, expand/collapse, add/remove, check/uncheck
• Mouse vs. Keyboard support
• Text Truncation

2. API and functional correctness

• check for console logs (warnings, errors)
• API boundary values
• different combinations of components - free style
• change the API values during testing

3. Documentation and Example validations

• missing API documentation or it is not understandable
• poor examples
• Stackblitz works for all examples

4. Accessibility testing
5. Browser Testing - Edge, Safari, Chrome, Firefox

PR Quality

• the commit message(s) follows the guideline:
  https://github.com/SAP/fundamental-ngx/blob/main/CONTRIBUTING.md
• tests for the changes that have been done
• all items on the PR Review Checklist are addressed :
  https://github.com/SAP/fundamental-ngx/wiki/PR-Review-Checklist
• Run npm run build-pack-library and test in external application
• update README.md
• Breaking Changes Wiki

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	a5ba24a
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/642d238e5992a00008248c7a
😎 Deploy Preview	https://deploy-preview-9626--fundamental-ngx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

Visit the preview URL for this PR (updated for commit a5ba24a):

https://fundamental-ngx-gh--pr9626-dnd-83869xp7.web.app

_{(expires Sat, 08 Apr 2023 07:45:33 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}

[InnaAtanasova]

hey Denis, you need to name your PR properly

[mikerodonnell89]

excellent work 👍