Feature: Added horizontal layout to the preview pane

[yaira2]

Resolved / Related Issues

• Were these changes approved in an issue or discussion with the project maintainers? In order to prevent extra work, feature requests and changes to the codebase must be approved before the pull request will be reviewed. This prevents extra work for the contributors and maintainers.
  Closes #issue...

Validation
How did you test these changes?

• Did you build the app and test your changes?
• Did you check for accessibility? You can use Accessibility Insights for this.
• Did you remove any strings from the en-us resource file?
  • Did you search the solution to see if the string is still being used?
• Did you implement any design changes to an existing feature?
  • Was this change approved?
• Are there any other steps that were used to validate these changes?
  1. Open preview pane
  2. Verify the preview is on top and the details on the bottom
  3. Switch to the preview tab and verify the preview is centered
  4. Resize app until the preview pane is moved to the bottom
  5. Verify that the preview is shown on the left and the details on the right
  6. Switch to the preview tab and verify that the preview is centered

Screenshots (optional)
Add screenshots here.