Fix semantic conflict in accordion buttons

[iamamritpalrandhawa]

Fixes

• Fixes [Bug] Links are actually buttons #544

Description

• In the Choose A License page, there is a section called Confused? Need help? where the elements that look like hyperlinks are actually buttons, which is a UX issue. This PR resolves the problem by making these elements function as accordions, aligning with typical FAQ design practices.

Technical details

• Replaced the v-btn elements with v-accordion components for better semantic alignment and to resolve the conflict between visual representation (links) and functionality (buttons).
• Ensured the accordion structure allows for expandable/collapsible sections, providing further information in a popup-like behavior when clicked.
• Updated styles to retain the hyperlink-like visual cues while adhering to semantic accuracy.

Tests

• Verify that the Confused? Need help? section is now rendered as an accordion with proper expand/collapse functionality.
• Ensure that the UX matches typical FAQ design and that there are no regressions in behavior or styling.
• Validate accessibility (a11y) compliance for the updated components.

Steps to Test:

• Open the application.
• Navigate to the Choose A License page and scroll to the Confused? Need help? section.
• Interact with the accordion elements:
  • Ensure clicking expands and collapses sections correctly.
  • Confirm the information is displayed as expected.
  • Verify no unexpected navigation occurs.

Screenshots

• Before
  

• After
  

[netlify]

✅ Deploy Preview for creativecommons-chooser ready!

Name	Link
🔨 Latest commit	fd2b1e0
🔍 Latest deploy log	https://app.netlify.com/sites/creativecommons-chooser/deploys/674382d8f3578f00086c1245
😎 Deploy Preview	https://deploy-preview-549--creativecommons-chooser.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.