When horizontal orientation is selected, the list is rendered vertically instead of horizontally as expected

[hlayisanimazuze]

• There are three orientation options currently that are available on the dataList and when you select horizontal option, it renders vertically instead of horizontal as expected.
• Also check on the designer view, it is not responding as it is expected

Steps to reproduce the behavior:

1. Go to 'https://function-adminportal-test.shesha.dev/shesha/forms-designer?id=9f7024e9-a11f-4935-8c5d-ee09e7412c4f'
2. Click on 'dataList' component
3. Scroll down to 'Orientation' and select 'Horizontal'
4. Render the form and check the view
5. Actual Results: The horizontal configuration are rendered as vertical

Expected behavior
When horizontal orientation is selected, the list should render horizontal

Also the layout appears distorted when transitioning from a wrap to horizontal orientation when on designer: #1506

A place where you can confirm how it was working: https://function-v0-33-adminportal-test.shesha.dev/dynamic/TestModule/v33-school-details?id=dc574932-4b1d-44fd-a626-01d5fb33a452

[hlayisanimazuze]

Related Item
#1160