Draft: Update product analytics settings to match latest designs and copy

What does this MR do and why?

Follows on from Add instrumentation details to General -> Setti... (!117804 - merged)

Make product analytics instrumentation config match latest design and copy from #390109[general-settings-product-analytics.png]

Remove collapsable sections, combine ESM / CommonJS sections, tweak copy.

Also extract instrumentation instructions into standalone component for embedding into both the project settings page and the onboarding flow. This allows us to keep the top header / blurbs during the onboarding flow while showing just the details within the settings page.

Screenshots or screen recordings

Project settings page

before	after

Onboarding flow

before	after

How to set up and validate locally

Note: This feature has a lot of setup steps. If you need help please ask me or I can step through these during a call with you.

1. Follow these instructions to setup Product Analytics in GDK.
2. Create a new project.
3. In the new project, view the Analytics > Dashboards
4. Click on the Product Analytics Set up button.
5. Verify that the instrumentation instructions show as expected

and then

1. View the project -> Settings -> General
2. Expand "Product Analytics" section, and verify the instrumentation instructions show as expected.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #407126 (closed)