DraggableResizer cursor

**Describe the bug**
When a `DraggableResizer` component (Orientation.Horizontal) is used in another `DraggableResizer` component (Orientation.Vertical), the cursor for the child `DraggableResizer` component should be `row-resize` but showing `col-resize`

**To Reproduce**
Steps to reproduce the behavior:
1. Go to 'Data Explorer'
2. Open developer console by right clicking on page > clicking 'Inspect' > clicking 'Console' tab
3. Type `influx.set('newDataExplorer`, true)
4. Turn on the toggle "Try New Data Explorer" on top right of the page

Here is the steps in video:

https://user-images.githubusercontent.com/14298407/172655363-373d7f4d-8ac4-44aa-85b3-38dad4f10585.mov

**Expected behavior**
Expect to see the cursor become `row-resize` when hover over a horizontal resize bar

**Screenshots**

https://user-images.githubusercontent.com/14298407/172654937-82aedfe0-7a53-43d6-b9ab-1efa5221f82b.mov

**Browser**
- OS: mac
- Browser: chrome
- Version: 102

Start by locating the DraggableResizer component and reproduce the nested horizontal and vertical resizers in Data Explorer using the steps in the issue. Done means the child horizontal resize bar shows a row-resize cursor while the surrounding vertical resizer retains its expected cursor.

Written by the indexing model from the issue text.