Added collapsed terms section and component folder

[marned91]

What does this PR do?

Adds collapsible sections to the Terms and Conditions page, allowing users to expand and collapse each section individually. Ensures accessibility via ARIA roles and semantic HTML. Also created a new folder under components named termsConditions, so that we can gather all relevant components in one place.

Description of Task to be completed?

• Structure terms content into individual collapsible sections
• Implement toggle functionality using React state
• Ensure accessibility compliance (aria-expanded, aria-controls, role="region", aria-labelledby)
• Use semantic heading tags (<h2>) for screen readers
• Place component CollapsibleContentTerms.jsx in its own components folder called termsConditions,

How should this be manually tested?

1. Go to pages/TermsConditions.jsx
2. Import the component and add it to function TermsConditions()
3. npm run dev and go to Terms page

Any background context you want to provide?

This implementation uses placeholder/mock data until the CMS is set up to serve real terms content.

[netlify[bot]]

❌ Deploy Preview for musikkforandrerliv failed.

Name	Link
🔨 Latest commit	d36df547aa30fff8a003ef46ee9b4363517a86c2
🔍 Latest deploy log	https://app.netlify.com/projects/musikkforandrerliv/deploys/6840a6875f03bc00087059f4

[senbet22]

Well done! :)