fix: FaqsSection is not a real accordion + typo in first question

[Mkalbani]

File: src/components/FaqsSection.tsx

Problem

• The toggle <button> lacks aria-expanded, aria-controls, and the answer panel lacks role="region" + matching id.
• First FAQ is misnamed: "What is LogiGuest?" → should be "What is LogiQuest?".

Expected

• Add aria-expanded={openIds.includes(faq.id)} and aria-controls={faq-${faq.id}-panel} to each button.
• Wrap answers in <div role="region" id="faq-${faq.id}-panel" aria-labelledby="faq-${faq.id}-q">.
• Fix the typo so it reads "LogiQuest" everywhere (other FAQs already spell it correctly).

Acceptance

• Axe / Lighthouse a11y audits report zero accordion violations.
• Typo gone in source.

[IamHarrie-Labs]

Hey, I can handle this. I'll wire up aria-expanded, aria-controls, and the matching role="region" panels on the accordion buttons, and fix the LogiQuest typo while I'm in there. Quick and clean.

[jesutobaadedejidev]

I would like to work on this. Do assign it to me.

[spiffamani]

I'm a full-stack Software Engineer
I'd love to take this on — thanks for considering me

[gloskull]

Hello, I have 4 years of experience delivering solutions for projects like this, covering backend, frontend, and smart contract development. After carefully reviewing your requirements, I have a clear understanding of the task and am confident in my ability to deliver a clean, efficient, and thoroughly tested solution on time. I prioritize code quality, maintainability, and industry best practices throughout the development process. My PR will be submitted in under 10hours.