feat: render question tags (results, q/db-preview)

[lorenzocorallo]

Implement question tags rendering in results pdf, qpreview and dbpreview pages.
At the moment, the same tags are shown for every question in every section - database/data structure changes needed to conditionally show tags.
This PR is used to achieve the intended rendering style.

Closes #62

[github-actions]

Pages Preview
Preview removed because the pull request was closed.
2024-02-13 00:18:44 +0000

[EndBug]

Nice, I like the way it looks!
Just a couple of notes in the review comments ;)

[EndBug]

Here is what I would do to add the tags to our database.
You need to edit the scripts/database.ts file, which is called when you run npm run build:db

You can add the tag column to the required headers:

TheTOLProject/scripts/database.ts

Lines 104 to 114 in a236da3

	const requiredHeaders = [
	'ID',
	'quesito',
	'rispostaA',
	'rispostaB',
	'rispostaC',
	'rispostaD',
	'rispostaE',
	'rispostaCorretta',
	'immaginiQuesito'
	]

Then you can updated the way the entries are created:

TheTOLProject/scripts/database.ts

Lines 125 to 141 in a236da3

	res[sheetDict[sheet.title]] = rows.map((r) => ({
	id: r.ID,
	sub: r.sub,
	track: r.brano,
	text: r.quesito,
	answers: {
	a: r.rispostaA,
	b: r.rispostaB,
	c: r.rispostaC,
	d: r.rispostaD,
	e: r.rispostaE
	},
	correct: r.rispostaCorretta?.toLowerCase(),
	attachments:
	DriveClient.matchFileIds(r.immaginiQuesito || '') || undefined,
	validated: (r.validato as string | undefined)?.toLowerCase() == 'sì'
	}))

Please keep in mind that the tag cells will contain a semicolon-separated list of tags: make sure to parse them correctly and store them as an array, so that we can do some grouping in the future ;)

[lorenzocorallo]

@EndBug I implemented the new column in our script.
I also removed the import and added the conditional rendering logic.
LGTY?

[EndBug]

Hey, sorry for the delay

I'm getting an unexpected application error at runtime 👻

This happens in all the pages that show tags: it could be due to the fact that the current prod database doesn't contain the tags entry.
Addressing my other comment will probably result in fixing both issues ;)

[EndBug]

Alright, awesome!
I just pushed a quick fix because I noticed that the tags weren't trimmed when building the db ;)

TheTOLProject/scripts/database.ts

Lines 141 to 143 in fd8666f

	tags: r.tag
	? (r.tag as string).split(';').map((s) => s.trim())
	: undefined

I think I'll just merge this to main, so that we can build the dev db from there
If there are some extra fixes needed, we can open a new PR

Thanks for the great work 🔥