Use the image size information provided by the API instead of making head requests

[obulat]

Blocked by https://github.com/WordPress/openverse-catalog/issues/521
Blocked by https://github.com/WordPress/openverse-api/issues/711

Problem

Currently, we are making a head request to the image source to get the image dimensions if they are not available in the API response. After the changes in the linked issues, we will get all the information from the API.

Description

We will need to delete the code that makes a head request to the image provider to get the image dimensions 🎉

[krysal]

The frontend already uses the value from the API:

openverse/frontend/src/components/VMediaInfo/VMediaDetails.vue

Lines 57 to 66 in 1cf6c6a

	const metadata = computed<null | Metadata[]>(() => {
	if (!props.media) {
	return null
	}
	return getMediaMetadata(props.media, i18n, {
	width: props.imageWidth,
	height: props.imageHeight,
	type: props.imageType,
	})
	})

openverse/frontend/src/utils/metadata.ts

Lines 9 to 34 in 1cf6c6a

	const getImageType = (
	imageType: string | undefined,
	i18n: NuxtI18nInstance
	) => {
	if (imageType) {
	if (imageType.split("/").length > 1) {
	return imageType.split("/")[1]
	}
	return imageType
	}
	return i18n.t("mediaDetails.information.unknown")
	}
	const getAudioType = (audio: AudioDetail, i18n: NuxtI18nInstance) => {
	if (!audio.alt_files) {
	return audio.filetype ?? i18n.t("mediaDetails.information.unknown")
	}
	const altFormats = audio.alt_files
	.map((altFile) => altFile.filetype)
	.filter((filetype) => filetype !== audio.filetype)
	const uniqueFormats = Array.from(new Set(altFormats))
	if (audio.filetype) {
	uniqueFormats.unshift(audio.filetype)
	}
	return [...uniqueFormats].join(", ")
	}

Closing.