chore: give projects, orgs, and collections canonical URLs to hopefully improve SEO (#6014)

* Give projects, collections, and orgs canonical URLs

* prepr

apps/frontend/src/pages/organization/[id].vue

@@ -551,6 +551,7 @@ watch(
 		if (org) {
 			const title = `${org.name} - Organization`
 			const description = `${org.description} - View the organization ${org.name} on Modrinth`
+			const canonicalUrl = org ? `https://modrinth.com/organization/${org.id}` : undefined
 
 			useSeoMeta({
 				title,
@@ -558,6 +559,15 @@ watch(
 				ogTitle: title,
 				ogDescription: org.description,
 				ogImage: org.icon_url ?? 'https://cdn.modrinth.com/placeholder.png',
+				ogUrl: canonicalUrl,
+			})
+			useHead({
+				link: [
+					{
+						rel: 'canonical',
+						href: canonicalUrl,
+					},
+				],
 			})
 		}
 	},