Use Accordion component for session types

Author: egeakman

src/content/pages/faq.mdx

@@ -54,84 +54,40 @@ A. Expect a diverse programme with around 20 hands-on tutorials & workshops duri
 
 We aim to cover the many ways Python is used to solve problems and create exciting projects. Below is a brief overview of the different session types:
 
-<details class="group mb-4">
-  <summary
-    aria-expanded="false"
-    aria-controls="tutorials-content"
-    class="cursor-pointer flex justify-between p-2 rounded-md border-t border-b focus:ring-2">
-    <span class="font-semibold">Tutorials</span>
-    <span aria-hidden="true" class="group-open:hidden">+</span>
-    <span aria-hidden="true" class="group-open:block hidden">−</span>
-  </summary>
-
-  <div id="tutorials-content">
+<Accordion title="Tutorials" id="tutorials">
     **Tutorials**: interactive, hands-on sessions lasting 180 minutes, focusing on learning by doing, often with live coding and exercises. Tutorials take place on **Tutorial Days**.
 
     The rooms vary in size, with some accommodating up to 40 participants and others up to 100.
 
     Attendees with an eligible ticket to attend tutorials can choose which session to attend on a **first-come, first-served** basis, with no specific signup required.
-  </div>
-</details>
-
-<details class="group mb-4">
-  <summary
-    aria-expanded="false"
-    aria-controls="workshops-content"
-    class="cursor-pointer flex justify-between p-2 rounded-md border-t border-b focus:ring-2">
-    <span class="font-semibold">Workshops</span>
-    <span aria-hidden="true" class="group-open:hidden">+</span>
-    <span aria-hidden="true" class="group-open:block hidden">−</span>
-  </summary>
-
-  <div id="workshops-content">
+</Accordion>
+
+<Accordion title="Workshops" id="workshops">
     **Workshops**: typically community-led, full-day sessions focused on practical skills. Workshops typically involve extensive group work,
     with the guidance of the tutors to ensure effective learning and active participation.
 
     Workshops usually take place on **Tutorial Days**, with 20-40 participants. Signup information can typically be found under ***Events*** in the website menu.
 
     Past highlights have included Django Girls, HumbleData, and Beginners Day, designed to engage people of all experience levels.
-  </div>
-</details>
-
-<details class="group mb-4">
-  <summary
-    aria-expanded="false"
-    aria-controls="summits-content"
-    class="cursor-pointer flex justify-between p-2 rounded-md border-t border-b focus:ring-2">
-    <span class="font-semibold">Summits</span>
-    <span aria-hidden="true" class="group-open:hidden">+</span>
-    <span aria-hidden="true" class="group-open:block hidden">−</span>
-  </summary>
-
-  <div id="summits-content">
+</Accordion>
+
+<Accordion title="Summits" id="summits">
     **Summits**: unconference-style, topic-focused full-day gatherings for subject experts. These sessions focus on knowledge sharing
     and exploration of key issues within specific fields.
 
     Summits usually take place on **Tutorial Days**, with around 30 participants or fewer. Signup information can typically be found under ***Events*** in the website menu.
 
     Past highlights have included topics like C-API and WASM.
-  </div>
-</details>
-
-<details class="group mb-4">
-  <summary
-    aria-expanded="false"
-    aria-controls="talks-content"
-    class="cursor-pointer flex justify-between p-2 rounded-md border-t border-b focus:ring-2">
-    <span class="font-semibold">Talks</span>
-    <span aria-hidden="true" class="group-open:hidden">+</span>
-    <span aria-hidden="true" class="group-open:block hidden">−</span>
-  </summary>
-
-  <div id="talks-content">
+</Accordion>
+
+<Accordion title="Talks" id="talks">
     **Talks** are conference presentations, each typically lasting 30 or 45 minutes. There are 6 parallel tracks, with around 120 talks in total,
     covering a broad range of Python-related topics.
 
     Many talks include a **Q&A session**, allowing attendees to engage with the speaker and dive deeper into the topic.
 
     Talks take place on **Main Conference Days**.
-  </div>
-</details>
+</Accordion>
 
 Curious about what to expect? Check out the [EP2024 programme](https://ep2024.europython.eu/schedule/) for inspiration.