feat(#2500): Added Stackblitz links to Bug Report form

[ArakTaiRoth]

Stackblitz links for both the Angular and React templates are now available in the help text of the Stackblitz URL Form Item.

[netlify]

✅ Deploy Preview for abgov-ui-component-docs ready!

Name	Link
🔨 Latest commit	d1ff351
🔍 Latest deploy log	https://app.netlify.com/sites/abgov-ui-component-docs/deploys/680c12a9fc9bd50009d5a5c6
😎 Deploy Preview	https://deploy-preview-342--abgov-ui-component-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[twjeffery]

Two small additional changes:

---

1. Can you change margin bottom of both details on this page ("Why stackblitz?" and "Why jam.dev") to xl

• That way the inputs are all appropriately spaced out, with our without a Detail. It should look like:

---

2. Add a question mark to the detail heading "Why jam.dev".

• It should be: "Why jam.dev?" like this:

[twjeffery]

Looking at this again, I think this would be better dropped down to a new line, and spaced out accordingly, both from the previous line and both links from each other.

Here's updated code to use, using a goa-block to bring the links to a new line and space them out:

    <GoabFormItem label="StackBlitz URL" mb="s"
                  helpText={
                    <>Share your code with us in an isolated environment.
                      <GoabBlock mt={"xs"} gap={"m"}>
                        <a
                          href="https://stackblitz.com/~/github.com/GovAlta/ui-components-react-sandbox">React
                          Stackblitz</a>
                        <a
                          href="https://stackblitz.com/~/github.com/GovAlta/ui-components-angular-sandbox">Angular
                          Stackblitz</a>
                      </GoabBlock>
                    </>
                  }
                  requirement="optional"
                  error={stackblitzError}
    >

[ArakTaiRoth]

@twjeffery This has been done

[ArakTaiRoth]

Two small additional changes:

1. Can you change margin bottom of both details on this page ("Why stackblitz?" and "Why jam.dev") to xl

• That way the inputs are all appropriately spaced out, with our without a Detail. It should look like:

2. Add a question mark to the detail heading "Why jam.dev".

• It should be: "Why jam.dev?" like this:

@twjeffery This has been done

[chrisolsen]

I would imagine we would want these as links that load in a new tab...?

[twjeffery]

yes, good point. Agreed, let's them load in a new tab

[ArakTaiRoth]

@chrisolsen @twjeffery This has been changed