This PR adds vertical slider support for the <Slider> component. It closes #2186

Intuition

radix/primitive slider comes with both "horizontal" and "vertical" support, it injects the orientation prop as data-orientation attribute to the primitive components. Hence, I think it is straight-forward and simpler for us to just tap on the data-orientation attribute to change our component classes accordingly using Tailwind's built-in data-* modifier (see: https://tailwindcss.com/docs/hover-focus-and-other-states#attribute-selectors )

Changes

The previous slider demo is refactored into slider-horizontal-demo and I created a slider-vertical-demo
Slider component is updated in both default and new-york to support vertical orientation
We follow the original slider implementation, that is, the slider itself does not hard-code its width / height, but it should be following its parent container. (e.g. a horizontal slider has w-full, or a vertical slider has h-full) So it is parent's container's responsibility to determine the width of the horizontal slider, or the height of the vertical slider.
Updated docs/component/slider.mdx to showcase both horizontal and vertical slider sample codes, as well as explaining the usage of setting optional orientation="vertical" to create a vertical slider. Also added examples to our sink