fix(templates): URI encode the cacheTag in getMediaUrl utility - Website template (#13558)

### What?
Encode the cacheTag in the ImageMedia component

### Why?

In the website template, media is render using the updatedAt field as a
cacheTag, this value causes an InvalidQueryStringException when
deploying to Cloudfront

### How?
Uses encodeURIComponent on encode the date value of updatedAt


Fixes #13557

Author: yazalulloa

templates/website/src/utilities/getMediaUrl.ts

@@ -9,6 +9,10 @@ import { getClientSideURL } from '@/utilities/getURL'
 export const getMediaUrl = (url: string | null | undefined, cacheTag?: string | null): string => {
   if (!url) return ''
 
+  if (cacheTag && cacheTag !== '') {
+    cacheTag = encodeURIComponent(cacheTag)
+  }
+
   // Check if URL already has http/https protocol
   if (url.startsWith('http://') || url.startsWith('https://')) {
     return cacheTag ? `${url}?${cacheTag}` : url

templates/with-vercel-website/src/utilities/getMediaUrl.ts

@@ -9,6 +9,10 @@ import { getClientSideURL } from '@/utilities/getURL'
 export const getMediaUrl = (url: string | null | undefined, cacheTag?: string | null): string => {
   if (!url) return ''
 
+  if (cacheTag && cacheTag !== '') {
+    cacheTag = encodeURIComponent(cacheTag)
+  }
+
   // Check if URL already has http/https protocol
   if (url.startsWith('http://') || url.startsWith('https://')) {
     return cacheTag ? `${url}?${cacheTag}` : url