[frontend] add logic to open/close tasks on print

[Fbasham]

Note [22 June 2023]

I'm putting this in draft since the requirements have changed based on requests from the design team. This issue with the approach taken in this PR is that it will expand ALL groups/tasks, when the desired behaviour is to be able to toggle all groups/tasks open via a button, and then subsequently collapse groups/tasks the user doesn't want printed. In other words, this PR only allows for all accordions open in the print, and the user perhaps wants or needs finer control over the printed document.

---

This PR aims to solve the issue of opening all tasks on print. When printing is finished, all tasks that weren't previously opened should be closed, but the ones that were open should remain open. This also applies to the 3 timeline summaries.

Inspiration found here

Also removed an unused style in the global css.

[CurtisUnderwood]

Can only get one page in print on Chrome when all collapsed, seems to work in Firefox

[CurtisUnderwood]

Restart Quiz button is sticking around

[sebastien-comeau]

Use const and open the details element by using open property setter with true.

Suggested change

	let details = [...document.querySelectorAll<HTMLDetailsElement>('details:not([open])')]
	for (let e of details) {
	e.setAttribute('open', '')
	e.dataset.wasclosed = ''
	}
	const details = document.querySelectorAll<HTMLDetailsElement>('details:not([open])')
	details.forEach((el) => {
	el.open = true
	el.dataset.wasclosed = ''
	})

[sebastien-comeau]

Use const and close the details element by using open property setter with false.

Suggested change

	let details = [...document.querySelectorAll<HTMLDetailsElement>('details[data-wasclosed]')]
	for (let e of details) {
	e.removeAttribute('open')
	delete e.dataset.wasclosed
	}
	const details = document.querySelectorAll<HTMLDetailsElement>('details[data-wasclosed]')
	details.forEach((el) => {
	el.open = false
	delete el.dataset.wasclosed
	})