Make Dock component mobile friendly

[mariusa]

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

CodeSandbox Case (Bug Reports)
https://www.primefaces.org/primevue/showcase/#/dock

Current behavior
Open the link on mobile phone. Issues:

1. Items don't fit (see Advanced)
2. Can't scroll through items

Expected behavior

1. Dock shouldn't be bigger than viewport width.
2. Instead of centered items, when not all fit, start from left. On mobile, Finder should be first (now it's Terminal).
3. Allow horizontal scrolling with finger through items.
4. When items don't fit, show small left/right buttons on each margin. Clicking on left should be equivalent with a left scroll.

What is the motivation / use case for changing the behavior?
Make Dock component mobile friendly

• Vue version: 3.1.x

• PrimeVue version: 3.6.0

• Browser: [ Chrome ]

[cagataycivici]

@mertsincan wdyt?