Make "Open Image in New Tab" open raw image (when possible) (#7315)

* tell search engines not to index collections because bots keep spamming them and I can basically guarantee not a single human being is using collections in a way where this will be detrimental to them (besides the advertisement spam)

* Index creator created collections

* Open raw images from open image in new tab option in context menu

apps/frontend/src/components/ui/ConfirmTransferOrgModal.vue

@@ -3,7 +3,12 @@
 		<template #title>
 			<div class="flex items-center gap-2">
 				<span class="text-lg font-extrabold text-contrast">Transfer</span>
-				<Avatar :src="organization.icon_url" :alt="organization.name" size="xs" />
+				<Avatar
+					:src="organization.icon_url"
+					:raw-src="organization.raw_icon_url"
+					:alt="organization.name"
+					size="xs"
+				/>
 				<span class="text-lg font-extrabold text-contrast">{{ organization.name }}</span>
 			</div>
 		</template>

apps/frontend/src/components/ui/ConfirmTransferProjectModal.vue

@@ -3,7 +3,12 @@
 		<template #title>
 			<div class="flex items-center gap-2">
 				<span class="text-lg font-extrabold text-contrast">Transfer</span>
-				<Avatar :src="project.icon_url" :alt="project.name" size="xs" />
+				<Avatar
+					:src="project.icon_url"
+					:raw-src="project.raw_icon_url"
+					:alt="project.name"
+					size="xs"
+				/>
 				<span class="text-lg font-extrabold text-contrast">{{ project.name }}</span>
 			</div>
 		</template>

apps/frontend/src/components/ui/OrganizationPageHeader.vue

@@ -3,6 +3,7 @@
 		<template #leading>
 			<Avatar
 				:src="organization.icon_url"
+				:raw-src="organization.raw_icon_url"
 				:alt="organization.name"
 				:tint-by="organization.id"
 				size="96px"