[Bookings] Update booking details container color and frame

[RafaelKayumov]

WOOMOB-1434

Description

• Applies distinctive colour for the booking details section container for consistency: listForeground(modal: false). The same is applied to booking cells and order details content blocks.
• Caps the booking details content width below 525 for consistency.
• Adds vertical hairline borders to booking details content container.

Test Steps

• Run on iPad
• Use CIAB store with bookings
• Navigate to Bookings tab and select a booking from list
• Make sure the booking details content width is capped under 525 in the same way as the order details.
• Make sure booking details sections content in dark mode has dark gray background. The sections headers should appear even darker.
• Run on iPhone - make sure the booking details content takes the whole screen width in the same way as order details.

Demo

ipad.demo.container.mov

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce iOS Prototype by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce iOS Prototype
	Build Number	pr16341-bf5f29b
	Version	23.6
	Bundle ID	com.automattic.alpha.woocommerce
	Commit	bf5f29b
	Installation URL	5lgttcpeh5poo

Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

[itsmeichigo]

LGTM