Replace details/summary in website side nav with button and list

[shleewhite]

📌 Summary

This PR replaces the <detail> and <summary> elements that handle the collapsible sections in the website side navigation with <button>s that show and hide a <ul>.

REMAINING WORK:

• make the tests for the new component
• should I rename the class .doc-table-of-contents__summary to be .doc-table-of-contents__button now that it is no longer on a summary element?

🛠️ Detailed description

To do this, I added a new component <Doc::TableOfContents::CollapsibleItem>.

Other changes I made for this work were:

• Updating the CSS to not use the open property of the for styling and instead use a class
• Updating the existing tests in the side bar navigation test file to match the new markup + add tests for the new component.

📸 Screenshots

Nothing visually changed, but here is the markup before:

and here is the markup after:

🔗 External links

Jira ticket: HDS-1308

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
hds-showcase	✅ Ready (Inspect)	Visit Preview	Jul 15, 2024 7:46pm
hds-website	✅ Ready (Inspect)	Visit Preview	Jul 15, 2024 7:46pm

[alex-ju]

Did a first review. A few things that would need addressing.

[alex-ju]

Excellent!

[MelSumner]

This bug has been bothering me for so long. TY for fixing it!