Is App Bridge title bar the standard for embedded app Pages?

[6farer]

Hi. I'm creating an embedded app with your ecosystem. I am converting pages from my web app over to your remix template and using Polaris components along with the app bridge. For app page titles, I would assume that <Page title...> would be the UI element to use in order to be consistent design-wise with all the object detail pages in your native admin.

However, this discussion from 2023 and the previous documentation for <TitleBar> suggests that <TitleBar> is the standard for embedded apps.

1. Is the TitleBar from 4.x app-bridge-react the standard to use for displaying Page titles for embedded apps?
2. Why did the UI design deviate from every other detail page in your ecosystem?
3. I'm getting IDE errors for <section> when creating a group of secondary buttons: Property 'label' does not exist on type...
4. I'm getting errors in the browser for rendering tone on <button> elements: Unexpected attributes on : tone
5. Will the Shopify team be adding metadata and the back action similar to the Polaris <Page> element? If not, are embedded apps intended to have a limited title for its pages?

I would appreciate it if I could response to these items so I can make a decision to circumvent Shopify's recommendation of using <TitleBar> for embedded apps and for this to be indexed for other developers to make a quick decision.

Thanks!