fix(#2433): make copy link & toc items to handle tab position

[vanessatran-ddi]

What I have changed:

• Make all tabs to have initialTab as 1 so when we land on the page, first tab will be highlighted

Before:

After:

• Make the navigation right hand side navigate to the correct position (especially if you refresh the browser, 2nd tab (Code examples) will be opened, and scroll down to the example

Before:

(No tab position on the browser, so if you refresh it will come back to the first tab)

After:

It has the tab position on the browser, refresh it, it will open the tab 2 and navigate to the example (refer story #2433 GovAlta/ui-components#2433)

• Update the logic of "Copy link"
  Before:

will return : {URL}/components/v6.0.0+-react/accordion#hide-and-show-many-sections-of-information-(faq) (without tab position so when you open a new tab and paste the link, it doesn't open 2nd tab (code examples) and scroll to the correct position)

After:
{URL}/components/accordion#tab-1#hide-and-show-many-sections-of-information-(faq)
It will return as above.

[netlify]

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

Name	Link
🔨 Latest commit	5e8efdb
🔍 Latest deploy log	https://app.netlify.com/sites/abgov-ui-component-docs/deploys/68123c398611ff0008730e12
😎 Deploy Preview	https://deploy-preview-349--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.

[vanessatran-ddi]

Hi @syedszeeshan Can you help me test this PR?
Hi @twjeffery I fixed the tabs URL issue. Can you help me check the docs site, especially Copy link feature that you had before.

[syedszeeshan]

Test passed.

[twjeffery]

Working great for me now

Screen.Recording.2025-04-30.at.4.04.00.PM.mov

[vanessatran-ddi]

Hello @chrisolsen I got 2 approvals and it is good to be in the final code review.