Feature: Refactor lightbox to generate slides dynamically and refine web componentry

[cbutcosk]

This PR (along with thegetty/quire-starter-default#45) refactor the q-lightbox element:

• Improves subcomponent composition with four named slot elements for data, ui, slides, and styles
• Compiles lightbox styles and inserts them in the component's style slot at publication build-time
• Generates slides dynamically at component startup from JSON
• Refactors image-sequence from 11ty-webc to Lit, renamed q-image-sequence

[mphstudios]

Suggested change

	return async function(...args) {
	/**
	* lightboxData shortcode component function
	* @param {Object} Figures data object
	* @return {string} HTML script element with the JSON-serialized payload
	*/
	return async function(...args) {

[mphstudios]

Suggested change

	return html`<script type="application/json"
	class="q-lightbox-data"
	slot="data">
	${jsonData}
	</script>`
	return html`
	<script type="application/json" class="q-lightbox-data" slot="data">
	${jsonData}
	</script>
	`

[mphstudios]

Suggested change

	const { id,
	mediaType,
	figureElementContent,
	annotationsElementContent,
	aspectRatio,
	isVideo,
	isAudio,
	label,
	labelHtml,
	caption,
	captionHtml,
	credit,
	creditHtml } = figure
	const {
	id,
	mediaType,
	figureElementContent,
	annotationsElementContent,
	aspectRatio,
	isVideo,
	isAudio,
	label,
	labelHtml,
	caption,
	captionHtml,
	credit,
	creditHtml
	} = figure

[mphstudios]

Suggested change

	* Returns an HTML script element with the JSON-serialized payload
	*
	* */
	* @returns HTML script element with the JSON-serialized payload
	*/

[mphstudios]

@cbutcosk this looks great, I made a few linting comments.

The merge-base changed after approval.