updating <details> to <Accordion> and remove pre-course survey

[0sophy1]

Fixes #[4913]

This PR converts all <details>/<summary> HTML tags to <Accordion>/<AccordionItem> components in learning contents and removed pre-course surveys

[review-notebook-app]

Check out this pull request on 

See visual diffs & provide feedback on Jupyter Notebooks.

---

Powered by ReviewNB

[qiskit-bot]

One or more of the following people are relevant to this code:

• @christopherporter1
• @kcmccormibm
• @livlanes

[abbycross]

@0sophy1 a link (even to an image) will not render in the accordion - I suggest either putting the image directly below the accordion, or directly above (and change the language to "how many qubits are in the circuit above?")

[0sophy1]

Hi Abby, thanks for the heads‑up. I saw that the preview can render the image in the title, so I thought we could use it there.

[abbycross]

Links will need to be removed. Maybe include them under the image instead?

[abbycross]

great work, thanks @0sophy1! One thing I noticed that maybe you and @christopherporter1 can decide which one you like better: When there are several questions one after the other, the spacing between them renders differently depending on whether you group all of them within the same Accordion component, or whether they each get their own Accordion. To demonstrate what I mean - the first image is where they are inside the same component, and the second is one where they each have their own.

It's up to you stylistically which you like better, and then we should be consistent throughout. We also want to avoid mixing both, like what happened in this one:

[abbycross]

One last comment: I noticed that the <br> tags were sometimes put to use and seem work nicely inside the titles, so I suggest going through the questions that contain many parts (usually they are listed as (a), (b), etc.) and use the
to format them nicely, when they are just in a big block.

[0sophy1]

great work, thanks @0sophy1! One thing I noticed that maybe you and @christopherporter1 can decide which one you like better: When there are several questions one after the other, the spacing between them renders differently depending on whether you group all of them within the same Accordion component, or whether they each get their own Accordion. To demonstrate what I mean - the first image is where they are inside the same component, and the second is one where they each have their own.

It's up to you stylistically which you like better, and then we should be consistent throughout. We also want to avoid mixing both, like what happened in this one:

great work, thanks @0sophy1! One thing I noticed that maybe you and @christopherporter1 can decide which one you like better: When there are several questions one after the other, the spacing between them renders differently depending on whether you group all of them within the same Accordion component, or whether they each get their own Accordion. To demonstrate what I mean - the first image is where they are inside the same component, and the second is one where they each have their own.

It's up to you stylistically which you like better, and then we should be consistent throughout. We also want to avoid mixing both, like what happened in this one:

Hi Abby, I did my best to edit everything into a more unified style (similar to the first option). I’m sorry if I missed anything. Personally, I prefer the first style.