From 34b87991bc16743a0335b4b5a4b6ddcd455f5f19 Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Sun, 31 May 2026 08:25:31 -0700
Subject: [PATCH] feat: new user badges, ui consistency pass (#6262)

* feat: new user badges, ui consistency pass

* prepr

* fix: align with backend

* fix: lint

---------

Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
---
 apps/app-frontend/src/providers/setup/auth.ts |   4 +-
 apps/app-frontend/vite.config.ts              |   3 +
 apps/frontend/nuxt.config.ts                  |   3 +
 .../src/assets/styles/components.scss         |  25 +-
 .../src/components/ui/AdPlaceholder.vue       |   4 +-
 apps/frontend/src/components/ui/NavStack.vue  |   3 +-
 apps/frontend/src/composables/auth.js         |   2 +
 apps/frontend/src/layouts/default.vue         |   3 +-
 apps/frontend/src/middleware/user.global.ts   |   8 +-
 apps/frontend/src/pages/plus.vue              |   8 +-
 apps/frontend/src/pages/user/[user].vue       | 103 +---
 apps/frontend/src/providers/setup/auth.ts     |   6 +-
 apps/frontend/src/utils/user-membership.ts    |  40 ++
 .../api-client/src/modules/labrinth/types.ts  |  11 +
 .../src/modules/labrinth/users/v3.ts          |  19 +
 packages/assets/build/generate-exports.ts     |  61 ++-
 packages/assets/generated-icons.ts            |  40 ++
 packages/assets/icons/badges/alpha.svg        |   1 +
 packages/assets/icons/badges/beta.svg         |   1 +
 .../assets/icons/badges/downloads-100m.svg    |   1 +
 .../assets/icons/badges/downloads-10m.svg     |   1 +
 packages/assets/icons/badges/downloads-1m.svg |   1 +
 .../assets/icons/badges/downloads-250m.svg    |   1 +
 .../assets/icons/badges/downloads-25m.svg     |   1 +
 .../assets/icons/badges/downloads-500m.svg    |   1 +
 .../assets/icons/badges/downloads-50m.svg     |   1 +
 .../assets/icons/badges/early-datapack.svg    |   1 +
 .../assets/icons/badges/early-hosting.svg     |   1 +
 .../assets/icons/badges/early-modpack.svg     |   1 +
 packages/assets/icons/badges/early-plugin.svg |   1 +
 .../icons/badges/early-resourcepack.svg       |   1 +
 .../assets/icons/badges/early-servers.svg     |   1 +
 .../assets/icons/badges/early-shaders.svg     |   1 +
 packages/assets/icons/badges/moderator.svg    |   1 +
 packages/assets/icons/badges/plus.svg         |   1 +
 packages/assets/icons/badges/pride.svg        |   1 +
 packages/assets/icons/badges/staff.svg        |   1 +
 packages/assets/styles/classes.scss           |  53 +-
 packages/ui/src/components/base/NavTabs.vue   |   2 +-
 packages/ui/src/components/index.ts           |   1 +
 packages/ui/src/components/user/UserBadge.vue |  50 ++
 .../ui/src/components/user/UserBadges.vue     | 507 ++++++++++++++++++
 packages/ui/src/components/user/index.ts      |   1 +
 .../src/layouts/shared/browse-tab/sidebar.vue |   6 +-
 packages/ui/src/locales/en-US/index.json      |  99 ++++
 packages/ui/src/providers/auth.ts             |   4 +-
 packages/ui/vite.config.ts                    |   3 +
 47 files changed, 947 insertions(+), 142 deletions(-)
 create mode 100644 apps/frontend/src/utils/user-membership.ts
 create mode 100644 packages/assets/icons/badges/alpha.svg
 create mode 100644 packages/assets/icons/badges/beta.svg
 create mode 100644 packages/assets/icons/badges/downloads-100m.svg
 create mode 100644 packages/assets/icons/badges/downloads-10m.svg
 create mode 100644 packages/assets/icons/badges/downloads-1m.svg
 create mode 100644 packages/assets/icons/badges/downloads-250m.svg
 create mode 100644 packages/assets/icons/badges/downloads-25m.svg
 create mode 100644 packages/assets/icons/badges/downloads-500m.svg
 create mode 100644 packages/assets/icons/badges/downloads-50m.svg
 create mode 100644 packages/assets/icons/badges/early-datapack.svg
 create mode 100644 packages/assets/icons/badges/early-hosting.svg
 create mode 100644 packages/assets/icons/badges/early-modpack.svg
 create mode 100644 packages/assets/icons/badges/early-plugin.svg
 create mode 100644 packages/assets/icons/badges/early-resourcepack.svg
 create mode 100644 packages/assets/icons/badges/early-servers.svg
 create mode 100644 packages/assets/icons/badges/early-shaders.svg
 create mode 100644 packages/assets/icons/badges/moderator.svg
 create mode 100644 packages/assets/icons/badges/plus.svg
 create mode 100644 packages/assets/icons/badges/pride.svg
 create mode 100644 packages/assets/icons/badges/staff.svg
 create mode 100644 packages/ui/src/components/user/UserBadge.vue
 create mode 100644 packages/ui/src/components/user/UserBadges.vue
 create mode 100644 packages/ui/src/components/user/index.ts

diff --git a/apps/app-frontend/src/providers/setup/auth.ts b/apps/app-frontend/src/providers/setup/auth.ts
index 2de8c0acf..8832c09c6 100644
--- a/apps/app-frontend/src/providers/setup/auth.ts
+++ b/apps/app-frontend/src/providers/setup/auth.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import { type AuthProvider, provideAuth } from '@modrinth/ui'
+import { type AuthProvider, type AuthUser, provideAuth } from '@modrinth/ui'
 import { computed, type Ref, ref, watchEffect } from 'vue'
 
 type AppCredentials = {
@@ -12,7 +12,7 @@ export function setupAuthProvider(
 	requestSignIn: (redirectPath: string) => void | Promise<void>,
 ) {
 	const sessionToken = ref<string | null>(null)
-	const user = ref<Labrinth.Users.v2.User | null>(null)
+	const user = ref<AuthUser | null>(null)
 	const isReady = computed(() => credentials.value !== undefined)
 
 	const authProvider: AuthProvider = {
diff --git a/apps/app-frontend/vite.config.ts b/apps/app-frontend/vite.config.ts
index 5db05f562..d97b76d8f 100644
--- a/apps/app-frontend/vite.config.ts
+++ b/apps/app-frontend/vite.config.ts
@@ -58,6 +58,9 @@ export default defineConfig({
 						params: {
 							overrides: {
 								removeViewBox: false,
+								cleanupIds: {
+									minify: false,
+								},
 							},
 						},
 					},
diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index 6a05ce659..83f428f01 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -104,6 +104,9 @@ export default defineNuxtConfig({
 							params: {
 								overrides: {
 									removeViewBox: false,
+									cleanupIds: {
+										minify: false,
+									},
 								},
 							},
 						},
diff --git a/apps/frontend/src/assets/styles/components.scss b/apps/frontend/src/assets/styles/components.scss
index cb9f0e2f8..6b91a25ff 100644
--- a/apps/frontend/src/assets/styles/components.scss
+++ b/apps/frontend/src/assets/styles/components.scss
@@ -1,18 +1,18 @@
 /*
   Cards and body styling
 */
+// CARDS
 .base-card {
-	padding: var(--spacing-card-lg);
+	padding: 1rem;
 	position: relative;
+	min-height: var(--font-size-2xl);
 
-	background-color: var(--color-raised-bg);
-	border-radius: var(--size-rounded-card);
+	background-color: var(--surface-3);
+	border-radius: var(--radius-lg);
+	border: 1px solid var(--surface-4);
 
-	margin-bottom: var(--spacing-card-md);
+	margin-bottom: var(--gap-md);
 	outline: 2px solid transparent;
-	outline-offset: -2px;
-
-	box-shadow: var(--shadow-card);
 
 	.card__overlay {
 		position: absolute;
@@ -25,6 +25,17 @@
 		z-index: 2;
 	}
 
+	&:where(&.warning, &.information) {
+		padding: 1.5rem;
+		line-height: 1.5;
+		min-height: 0;
+
+		a {
+			color: var(--color-blue);
+			text-decoration: underline;
+		}
+	}
+
 	&.moderation-card {
 		background-color: var(--color-warning-banner-bg);
 	}
diff --git a/apps/frontend/src/components/ui/AdPlaceholder.vue b/apps/frontend/src/components/ui/AdPlaceholder.vue
index 01f25ead1..7c7737520 100644
--- a/apps/frontend/src/components/ui/AdPlaceholder.vue
+++ b/apps/frontend/src/components/ui/AdPlaceholder.vue
@@ -3,7 +3,7 @@
 		<AutoLink
 			:to="currentAd.link"
 			:aria-label="currentAd.description"
-			class="flex max-h-[250px] min-h-[250px] min-w-[300px] max-w-[300px] flex-col gap-4 rounded-[inherit] bg-bg-raised"
+			class="flex max-h-[250px] min-h-[250px] min-w-[300px] max-w-[300px] flex-col gap-4 rounded-[inherit] border border-solid border-surface-4 bg-surface-3"
 		>
 			<img
 				:src="currentAd.light"
@@ -19,7 +19,7 @@
 			/>
 		</AutoLink>
 		<div
-			class="absolute top-0 flex items-center justify-center overflow-hidden rounded-2xl bg-bg-raised"
+			class="absolute top-0 flex items-center justify-center overflow-hidden rounded-2xl border border-solid border-surface-4 bg-surface-3"
 		>
 			<div id="modrinth-rail-1" />
 		</div>
diff --git a/apps/frontend/src/components/ui/NavStack.vue b/apps/frontend/src/components/ui/NavStack.vue
index 4e2735d19..16bef5bbb 100644
--- a/apps/frontend/src/components/ui/NavStack.vue
+++ b/apps/frontend/src/components/ui/NavStack.vue
@@ -1,7 +1,8 @@
 <template>
 	<nav :aria-label="ariaLabel" class="w-full">
 		<ul
-			class="card-shadow m-0 flex list-none flex-col items-start gap-1.5 rounded-2xl bg-bg-raised p-4"
+			class="card-shadow m-0 flex list-none flex-col items-start gap-1.5 rounded-2xl border border-solid border-surface-4 bg-surface-3 p-4"
+			:class="{ 'pt-3': filteredItems?.[0]?.type === 'heading' }"
 		>
 			<slot v-if="hasSlotContent" />
 
diff --git a/apps/frontend/src/composables/auth.js b/apps/frontend/src/composables/auth.js
index c89be0c7c..344806afa 100644
--- a/apps/frontend/src/composables/auth.js
+++ b/apps/frontend/src/composables/auth.js
@@ -75,6 +75,7 @@ export const initAuth = async (oldToken = null) => {
 			auth.user = await useBaseFetch(
 				'user',
 				{
+					apiVersion: 3,
 					headers: {
 						Authorization: auth.token,
 					},
@@ -105,6 +106,7 @@ export const initAuth = async (oldToken = null) => {
 				auth.user = await useBaseFetch(
 					'user',
 					{
+						apiVersion: 3,
 						headers: {
 							Authorization: auth.token,
 						},
diff --git a/apps/frontend/src/layouts/default.vue b/apps/frontend/src/layouts/default.vue
index 84c0c74c1..67119adf8 100644
--- a/apps/frontend/src/layouts/default.vue
+++ b/apps/frontend/src/layouts/default.vue
@@ -793,6 +793,7 @@ import ModrinthFooter from '~/components/ui/ModrinthFooter.vue'
 import { getSignInRouteObj } from '~/composables/auth.js'
 import { errors as generatedStateErrors } from '~/generated/state.json'
 import { getProjectTypeMessage } from '~/utils/i18n-project-type.ts'
+import { hasActiveMidas } from '~/utils/user-membership.ts'
 
 const generatedState = useGeneratedState()
 
@@ -1096,7 +1097,7 @@ const userMenuOptions = computed(() => {
 			id: 'plus',
 			link: '/plus',
 			color: 'purple',
-			shown: !flags.value.hidePlusPromoInUserMenu && !isPermission(user.badges, 1 << 0),
+			shown: !flags.value.hidePlusPromoInUserMenu && !hasActiveMidas(user),
 		},
 		{
 			id: 'servers',
diff --git a/apps/frontend/src/middleware/user.global.ts b/apps/frontend/src/middleware/user.global.ts
index 3486430ff..0f933d364 100644
--- a/apps/frontend/src/middleware/user.global.ts
+++ b/apps/frontend/src/middleware/user.global.ts
@@ -2,19 +2,21 @@ import { useAppQueryClient } from '~/composables/query-client'
 import { useServerModrinthClient } from '~/server/utils/api-client'
 
 export default defineNuxtRouteMiddleware(async (to) => {
-	if (!to.path.startsWith('/user/') || !to.params.id) {
+	const userParam = to.params.user ?? to.params.id
+	const userId = Array.isArray(userParam) ? userParam[0] : userParam
+
+	if (!to.path.startsWith('/user/') || !userId) {
 		return
 	}
 
 	const queryClient = useAppQueryClient()
 	const authToken = useCookie('auth-token')
 	const client = useServerModrinthClient({ authToken: authToken.value || undefined })
-	const userId = to.params.id as string
 
 	try {
 		const user = await queryClient.fetchQuery({
 			queryKey: ['user', userId],
-			queryFn: () => client.labrinth.users_v2.get(userId),
+			queryFn: () => client.labrinth.users_v3.get(userId),
 		})
 
 		if (!user) return
diff --git a/apps/frontend/src/pages/plus.vue b/apps/frontend/src/pages/plus.vue
index d1a390f3c..7367b8864 100644
--- a/apps/frontend/src/pages/plus.vue
+++ b/apps/frontend/src/pages/plus.vue
@@ -38,11 +38,7 @@
 				{{ calculateSavings(price.prices.intervals.monthly, price.prices.intervals.yearly) }}% with
 				annual billing!
 			</p>
-			<ButtonStyled
-				v-if="auth.user && isPermission(auth.user.badges, 1 << 0)"
-				color="purple"
-				size="large"
-			>
+			<ButtonStyled v-if="auth.user && hasActiveMidas(auth.user)" color="purple" size="large">
 				<nuxt-link to="/settings/billing">
 					<SettingsIcon aria-hidden="true" />
 					Manage subscription
@@ -95,8 +91,8 @@ import {
 import { calculateSavings, getCurrency } from '@modrinth/utils'
 
 import { useBaseFetch } from '@/composables/fetch.js'
-import { isPermission } from '@/utils/permissions.ts'
 import { products } from '~/generated/state.json'
+import { hasActiveMidas } from '~/utils/user-membership.ts'
 
 const { addNotification } = injectNotificationManager()
 const formatPrice = useFormatPrice()
diff --git a/apps/frontend/src/pages/user/[user].vue b/apps/frontend/src/pages/user/[user].vue
index e563043b0..a621b254c 100644
--- a/apps/frontend/src/pages/user/[user].vue
+++ b/apps/frontend/src/pages/user/[user].vue
@@ -460,8 +460,11 @@
 				</div>
 			</div>
 			<div class="normal-page__sidebar">
-				<div v-if="organizations?.length > 0" class="card flex-card">
-					<h2 class="text-lg text-contrast">
+				<div
+					v-if="organizations?.length > 0"
+					class="mb-4 rounded-2xl border border-solid border-surface-4 bg-surface-3 p-4 pt-3"
+				>
+					<h2 class="m-0 mb-2 text-lg text-contrast">
 						{{ formatMessage(messages.profileOrganizations) }}
 					</h2>
 					<div class="flex flex-wrap gap-2">
@@ -476,24 +479,16 @@
 						</nuxt-link>
 					</div>
 				</div>
-				<div v-if="badges.length > 0" class="card flex-card">
-					<h2 class="text-lg text-contrast">
-						{{ formatMessage(messages.profileBadges) }}
-					</h2>
-					<div class="flex flex-wrap gap-2">
-						<div v-for="badge in badges" :key="badge">
-							<StaffBadge v-if="badge === 'staff'" class="h-14 w-14" />
-							<ModBadge v-else-if="badge === 'mod'" class="h-14 w-14" />
-							<nuxt-link v-else-if="badge === 'plus'" to="/plus">
-								<PlusBadge class="h-14 w-14" />
-							</nuxt-link>
-							<TenMClubBadge v-else-if="badge === '10m-club'" class="h-14 w-14" />
-							<EarlyAdopterBadge v-else-if="badge === 'early-adopter'" class="h-14 w-14" />
-							<AlphaTesterBadge v-else-if="badge === 'alpha-tester'" class="h-14 w-14" />
-							<BetaTesterBadge v-else-if="badge === 'beta-tester'" class="h-14 w-14" />
-						</div>
-					</div>
-				</div>
+				<UserBadges
+					:downloads="sumDownloads"
+					:join-date="joinDate"
+					:role="user.role"
+					:badges="user.badges"
+					:has-midas="hasActiveMidas(user)"
+					:has-pride="hasPride26Badge(user)"
+					:earliest-project-by-type="earliestProjectByType"
+					class="mb-4 rounded-2xl border border-solid border-surface-4 bg-surface-3 p-4 pt-3"
+				/>
 				<AdPlaceholder v-if="!auth.user" />
 			</div>
 		</div>
@@ -540,6 +535,7 @@ import {
 	useCompactNumber,
 	useFormatDateTime,
 	useFormatNumber,
+	UserBadges,
 	useRelativeTime,
 	useVIntl,
 } from '@modrinth/ui'
@@ -547,19 +543,13 @@ import { isAdmin, isStaff, UserBadge } from '@modrinth/utils'
 import { useQuery, useQueryClient } from '@tanstack/vue-query'
 import { onServerPrefetch } from 'vue'
 
-import TenMClubBadge from '~/assets/images/badges/10m-club.svg?component'
-import AlphaTesterBadge from '~/assets/images/badges/alpha-tester.svg?component'
-import BetaTesterBadge from '~/assets/images/badges/beta-tester.svg?component'
-import EarlyAdopterBadge from '~/assets/images/badges/early-adopter.svg?component'
-import ModBadge from '~/assets/images/badges/mod.svg?component'
-import PlusBadge from '~/assets/images/badges/plus.svg?component'
-import StaffBadge from '~/assets/images/badges/staff.svg?component'
 import UpToDate from '~/assets/images/illustrations/up_to_date.svg?component'
 import AdPlaceholder from '~/components/ui/AdPlaceholder.vue'
 import CollectionCreateModal from '~/components/ui/create/CollectionCreateModal.vue'
 import ModalCreation from '~/components/ui/create/ProjectCreateModal.vue'
 import { getSignInRouteObj } from '~/composables/auth.js'
 import { reportUser } from '~/utils/report-helpers.ts'
+import { hasActiveMidas, hasPride26Badge } from '~/utils/user-membership.ts'
 
 const data = useNuxtApp()
 const route = useNativeRoute()
@@ -743,7 +733,7 @@ const {
 	suspense: userSuspense,
 } = useQuery({
 	queryKey: computed(() => ['user', userId]),
-	queryFn: () => client.labrinth.users_v2.get(userId),
+	queryFn: () => client.labrinth.users_v3.get(userId),
 })
 
 watch(
@@ -859,57 +849,21 @@ const sumDownloads = computed(() => {
 })
 
 const joinDate = computed(() => new Date(user.value.created))
-const MODRINTH_BETA_END_DATE = new Date('2022-02-27T08:00:00.000Z')
-const MODRINTH_ALPHA_END_DATE = new Date('2020-11-30T08:00:00.000Z')
-
-const badges = computed(() => {
-	const badges = []
-
-	if (user.value.role === 'admin') {
-		badges.push('staff')
-	}
-
-	if (user.value.role === 'moderator') {
-		badges.push('mod')
-	}
-
-	if (isPermission(user.value.badges, 1 << 0)) {
-		badges.push('plus')
-	}
-
-	if (sumDownloads.value > 10000000) {
-		badges.push('10m-club')
-	}
-
-	if (
-		isPermission(user.value.badges, 1 << 1) ||
-		isPermission(user.value.badges, 1 << 2) ||
-		isPermission(user.value.badges, 1 << 3)
-	) {
-		badges.push('early-adopter')
-	}
-
-	if (isPermission(user.value.badges, 1 << 4) || joinDate.value < MODRINTH_ALPHA_END_DATE) {
-		badges.push('alpha-tester')
-	} else if (isPermission(user.value.badges, 1 << 4) || joinDate.value < MODRINTH_BETA_END_DATE) {
-		badges.push('beta-tester')
-	}
-
-	if (isPermission(user.value.badges, 1 << 5)) {
-		badges.push('contributor')
-	}
-
-	if (isPermission(user.value.badges, 1 << 6)) {
-		badges.push('translator')
-	}
-
-	return badges
-})
 
 async function copyId() {
 	await navigator.clipboard.writeText(user.value.id)
 }
 
+const earliestProjectByType = computed(() => {
+	const obj = {}
+
+	for (const project of projects.value ?? []) {
+		obj[project.project_type] = new Date(project.published)
+	}
+
+	return obj
+})
+
 async function copyPermalink() {
 	await navigator.clipboard.writeText(`${config.public.siteUrl}/user/${user.value.id}`)
 }
@@ -1012,7 +966,6 @@ export default defineNuxtComponent({
 	}
 
 	.description {
-		// Grow to take up remaining space
 		flex-grow: 1;
 
 		color: var(--color-text);
diff --git a/apps/frontend/src/providers/setup/auth.ts b/apps/frontend/src/providers/setup/auth.ts
index cb15021c4..5dccd4f6d 100644
--- a/apps/frontend/src/providers/setup/auth.ts
+++ b/apps/frontend/src/providers/setup/auth.ts
@@ -1,5 +1,5 @@
 import type { Labrinth } from '@modrinth/api-client'
-import { type AuthProvider, provideAuth } from '@modrinth/ui'
+import { type AuthProvider, type AuthUser, provideAuth } from '@modrinth/ui'
 import { ref, watchEffect } from 'vue'
 
 import { getSignInRedirectPath } from '~/composables/auth.js'
@@ -8,7 +8,7 @@ export function setupAuthProvider(auth: Awaited<ReturnType<typeof useAuth>>) {
 	const router = useRouter()
 	const route = useRoute()
 	const sessionToken = ref<string | null>(null)
-	const user = ref<Labrinth.Users.v2.User | null>(null)
+	const user = ref<AuthUser | null>(null)
 
 	const authProvider: AuthProvider = {
 		session_token: sessionToken,
@@ -26,7 +26,7 @@ export function setupAuthProvider(auth: Awaited<ReturnType<typeof useAuth>>) {
 
 	watchEffect(() => {
 		sessionToken.value = auth.value.token || null
-		user.value = (auth.value.user as Labrinth.Users.v2.User | null) ?? null
+		user.value = (auth.value.user as Labrinth.Users.v3.User | null) ?? null
 	})
 
 	provideAuth(authProvider)
diff --git a/apps/frontend/src/utils/user-membership.ts b/apps/frontend/src/utils/user-membership.ts
new file mode 100644
index 000000000..d4f19707c
--- /dev/null
+++ b/apps/frontend/src/utils/user-membership.ts
@@ -0,0 +1,40 @@
+import { UserBadge } from '@modrinth/utils'
+
+const PRIDE_26_MIDAS_DURATION_MS = 30 * 24 * 60 * 60 * 1000
+
+type Pride26Campaign = {
+	last_donated_at?: string | null
+	has_badge?: boolean | null
+	has_midas?: boolean | null
+}
+
+type UserWithMembership = {
+	badges?: number | null
+	campaigns?: {
+		pride_26?: Pride26Campaign | null
+	} | null
+}
+
+export function hasPride26Badge(user?: UserWithMembership | null) {
+	return user?.campaigns?.pride_26?.has_badge === true
+}
+
+export function hasActivePride26Midas(user?: UserWithMembership | null, now = Date.now()) {
+	const pride26Campaign = user?.campaigns?.pride_26
+
+	if (!pride26Campaign?.has_midas || !pride26Campaign.last_donated_at) {
+		return false
+	}
+
+	const lastDonatedAt = Date.parse(pride26Campaign.last_donated_at)
+
+	if (!Number.isFinite(lastDonatedAt)) {
+		return false
+	}
+
+	return lastDonatedAt + PRIDE_26_MIDAS_DURATION_MS > now
+}
+
+export function hasActiveMidas(user?: UserWithMembership | null, now = Date.now()) {
+	return Boolean((user?.badges ?? 0) & UserBadge.MIDAS) || hasActivePride26Midas(user, now)
+}
diff --git a/packages/api-client/src/modules/labrinth/types.ts b/packages/api-client/src/modules/labrinth/types.ts
index 2a3600868..b582a5f34 100644
--- a/packages/api-client/src/modules/labrinth/types.ts
+++ b/packages/api-client/src/modules/labrinth/types.ts
@@ -1298,6 +1298,16 @@ export namespace Labrinth {
 			export type AuthProvider = Common.AuthProvider
 			export type UserPayoutData = Common.UserPayoutData
 
+			export type Pride26CampaignDonation = {
+				last_donated_at: string
+				has_badge: boolean
+				has_midas: boolean
+			}
+
+			export type UserCampaigns = {
+				pride_26: Pride26CampaignDonation | null
+			}
+
 			export type User = {
 				id: string
 				username: string
@@ -1314,6 +1324,7 @@ export namespace Labrinth {
 				payout_data?: UserPayoutData
 				stripe_customer_id?: string
 				allow_friend_requests?: boolean
+				campaigns: UserCampaigns
 				github_id?: number
 			}
 
diff --git a/packages/api-client/src/modules/labrinth/users/v3.ts b/packages/api-client/src/modules/labrinth/users/v3.ts
index cdc4d350c..92bc2557c 100644
--- a/packages/api-client/src/modules/labrinth/users/v3.ts
+++ b/packages/api-client/src/modules/labrinth/users/v3.ts
@@ -6,6 +6,25 @@ export class LabrinthUsersV3Module extends AbstractModule {
 		return 'labrinth_users_v3'
 	}
 
+	/**
+	 * Get a user by ID or username
+	 *
+	 * @param idOrUsername - The user's ID or username
+	 * @returns Promise resolving to the user data
+	 *
+	 * GET /v3/user/{id}
+	 */
+	public async get(idOrUsername: string): Promise<Labrinth.Users.v3.User> {
+		return this.client.request<Labrinth.Users.v3.User>(
+			`/user/${encodeURIComponent(idOrUsername)}`,
+			{
+				api: 'labrinth',
+				version: 3,
+				method: 'GET',
+			},
+		)
+	}
+
 	/**
 	 * Get all projects the authenticated user can access directly or through
 	 * their organizations.
diff --git a/packages/assets/build/generate-exports.ts b/packages/assets/build/generate-exports.ts
index ed73cfc67..a49d494ea 100644
--- a/packages/assets/build/generate-exports.ts
+++ b/packages/assets/build/generate-exports.ts
@@ -121,6 +121,30 @@ function generateIconExports(): {
 		})
 	}
 
+	// Process badge icons from icons/badges/
+	const badgesDir = path.join(iconsDir, 'badges')
+	if (fs.existsSync(badgesDir)) {
+		const badgeFiles = fs.readdirSync(badgesDir).filter((file) => file.endsWith('.svg'))
+		badgeFiles.forEach((file) => {
+			const baseName = path.basename(file, '.svg')
+			let pascalName = toPascalCase(baseName)
+
+			if (pascalName === '') {
+				pascalName = 'Unknown'
+			}
+
+			if (!pascalName.endsWith('Badge')) {
+				pascalName += 'Badge'
+			}
+
+			icons.push({
+				importPath: `./icons/badges/${file}?component`,
+				pascalName,
+				privateName: `_${pascalName}`,
+			})
+		})
+	}
+
 	// Sort by import path using simple-import-sort's algorithm
 	icons.sort((a, b) => compareImportSources(a.importPath, b.importPath))
 
@@ -156,7 +180,7 @@ function generateIconExports(): {
 function runTests(): void {
 	console.log('🧪 Running conversion tests...\n')
 
-	const testCases: Array<{ input: string; expected: string }> = [
+	const testCases: Array<{ input: string; expected: string; suffix?: string }> = [
 		{ input: 'align-left', expected: 'AlignLeftIcon' },
 		{ input: 'arrow-big-up-dash', expected: 'ArrowBigUpDashIcon' },
 		{ input: 'check-check', expected: 'CheckCheckIcon' },
@@ -171,13 +195,17 @@ function runTests(): void {
 		{ input: 'list_bulleted', expected: 'ListBulletedIcon' },
 		{ input: 'test.name', expected: 'TestNameIcon' },
 		{ input: 'test-name_final.icon', expected: 'TestNameFinalIcon' },
+		{ input: 'downloads-500m', expected: 'Downloads500mBadge', suffix: 'Badge' },
+		{ input: 'early-modpack', expected: 'EarlyModpackBadge', suffix: 'Badge' },
+		{ input: 'plus', expected: 'PlusBadge', suffix: 'Badge' },
 	]
 
 	let passed = 0
 	let failed = 0
 
-	testCases.forEach(({ input, expected }) => {
-		const result = toPascalCase(input) + (toPascalCase(input).endsWith('Icon') ? '' : 'Icon')
+	testCases.forEach(({ input, expected, suffix = 'Icon' }) => {
+		const base = toPascalCase(input)
+		const result = base.endsWith(suffix) ? base : base + suffix
 		const success = result === expected
 
 		if (success) {
@@ -312,6 +340,26 @@ function getExpectedIconExports(iconsDir: string): string[] {
 		})
 	}
 
+	// Process badge icons from icons/badges/
+	const badgesDir = path.join(iconsDir, 'badges')
+	if (fs.existsSync(badgesDir)) {
+		const badgeFiles = fs.readdirSync(badgesDir).filter((file) => file.endsWith('.svg'))
+		badgeFiles.forEach((file) => {
+			const baseName = path.basename(file, '.svg')
+			let pascalName = toPascalCase(baseName)
+
+			if (pascalName === '') {
+				pascalName = 'Unknown'
+			}
+
+			if (!pascalName.endsWith('Badge')) {
+				pascalName += 'Badge'
+			}
+
+			exports.push(pascalName)
+		})
+	}
+
 	return exports.sort()
 }
 
@@ -321,14 +369,15 @@ function getActualIconExports(indexFile: string): string[] {
 	}
 
 	const content = fs.readFileSync(indexFile, 'utf8')
-	const exportMatches = content.match(/export const (\w+Icon) = _\w+Icon/g) || []
+	const exportMatches =
+		content.match(/export const (\w+(?:Icon|Badge)) = _\w+(?:Icon|Badge)/g) || []
 
 	return exportMatches
 		.map((match) => {
-			const result = match.match(/export const (\w+Icon)/)
+			const result = match.match(/export const (\w+(?:Icon|Badge))/)
 			return result ? result[1] : ''
 		})
-		.filter((name) => name.endsWith('Icon'))
+		.filter((name) => name.endsWith('Icon') || name.endsWith('Badge'))
 		.sort()
 }
 
diff --git a/packages/assets/generated-icons.ts b/packages/assets/generated-icons.ts
index 400abf1e9..6f8549ccb 100644
--- a/packages/assets/generated-icons.ts
+++ b/packages/assets/generated-icons.ts
@@ -23,6 +23,26 @@ import _ArrowUpZAIcon from './icons/arrow-up-z-a.svg?component'
 import _AsteriskIcon from './icons/asterisk.svg?component'
 import _BadgeCheckIcon from './icons/badge-check.svg?component'
 import _BadgeDollarSignIcon from './icons/badge-dollar-sign.svg?component'
+import _AlphaBadge from './icons/badges/alpha.svg?component'
+import _BetaBadge from './icons/badges/beta.svg?component'
+import _Downloads1mBadge from './icons/badges/downloads-1m.svg?component'
+import _Downloads10mBadge from './icons/badges/downloads-10m.svg?component'
+import _Downloads25mBadge from './icons/badges/downloads-25m.svg?component'
+import _Downloads50mBadge from './icons/badges/downloads-50m.svg?component'
+import _Downloads100mBadge from './icons/badges/downloads-100m.svg?component'
+import _Downloads250mBadge from './icons/badges/downloads-250m.svg?component'
+import _Downloads500mBadge from './icons/badges/downloads-500m.svg?component'
+import _EarlyDatapackBadge from './icons/badges/early-datapack.svg?component'
+import _EarlyHostingBadge from './icons/badges/early-hosting.svg?component'
+import _EarlyModpackBadge from './icons/badges/early-modpack.svg?component'
+import _EarlyPluginBadge from './icons/badges/early-plugin.svg?component'
+import _EarlyResourcepackBadge from './icons/badges/early-resourcepack.svg?component'
+import _EarlyServersBadge from './icons/badges/early-servers.svg?component'
+import _EarlyShadersBadge from './icons/badges/early-shaders.svg?component'
+import _ModeratorBadge from './icons/badges/moderator.svg?component'
+import _PlusBadge from './icons/badges/plus.svg?component'
+import _PrideBadge from './icons/badges/pride.svg?component'
+import _StaffBadge from './icons/badges/staff.svg?component'
 import _BanIcon from './icons/ban.svg?component'
 import _BellIcon from './icons/bell.svg?component'
 import _BellRingIcon from './icons/bell-ring.svg?component'
@@ -423,6 +443,26 @@ export const ArrowUpZAIcon = _ArrowUpZAIcon
 export const AsteriskIcon = _AsteriskIcon
 export const BadgeCheckIcon = _BadgeCheckIcon
 export const BadgeDollarSignIcon = _BadgeDollarSignIcon
+export const AlphaBadge = _AlphaBadge
+export const BetaBadge = _BetaBadge
+export const Downloads1mBadge = _Downloads1mBadge
+export const Downloads10mBadge = _Downloads10mBadge
+export const Downloads25mBadge = _Downloads25mBadge
+export const Downloads50mBadge = _Downloads50mBadge
+export const Downloads100mBadge = _Downloads100mBadge
+export const Downloads250mBadge = _Downloads250mBadge
+export const Downloads500mBadge = _Downloads500mBadge
+export const EarlyDatapackBadge = _EarlyDatapackBadge
+export const EarlyHostingBadge = _EarlyHostingBadge
+export const EarlyModpackBadge = _EarlyModpackBadge
+export const EarlyPluginBadge = _EarlyPluginBadge
+export const EarlyResourcepackBadge = _EarlyResourcepackBadge
+export const EarlyServersBadge = _EarlyServersBadge
+export const EarlyShadersBadge = _EarlyShadersBadge
+export const ModeratorBadge = _ModeratorBadge
+export const PlusBadge = _PlusBadge
+export const PrideBadge = _PrideBadge
+export const StaffBadge = _StaffBadge
 export const BanIcon = _BanIcon
 export const BellIcon = _BellIcon
 export const BellRingIcon = _BellRingIcon
diff --git a/packages/assets/icons/badges/alpha.svg b/packages/assets/icons/badges/alpha.svg
new file mode 100644
index 000000000..dbd5cc042
--- /dev/null
+++ b/packages/assets/icons/badges/alpha.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="url(#alpha-a)" d="M39.84 13.838c3.354 0 6.597.599 9.624 1.914q1.306.563 2.516 1.27l.538-2.572h24.066L69.98 44.778l7.434 30.518H53.083l-.59-2.585q-1.167.744-2.434 1.353c-3.026 1.455-6.327 2.127-9.747 2.205l-.685.008h-.036c-5.19-.027-10.022-1.43-14.275-4.3l-.033-.02-.06-.041c-4.153-2.844-7.306-6.718-9.51-11.385-2.101-4.451-3.13-9.365-3.25-14.605l-.013-1.052c0-5.66 1.08-10.953 3.462-15.688 2.286-4.548 5.476-8.308 9.605-11.07l.008-.005.054-.038.056-.036c4.269-2.808 9.067-4.199 14.205-4.2m0 6.9q3.798 0 6.893 1.348l.387.173a15.5 15.5 0 0 1 5.004 3.655q2.295 2.481 3.613 5.85h.217l2.172-10.414h9.893l-5.116 23.516 5.73 23.53H58.585l-2.444-10.72h-.252a21.8 21.8 0 0 1-3.46 6.003l-.276.326q-2.099 2.404-5.084 3.84l-.402.186q-3.05 1.346-7.04 1.346l-.735-.016q-5.464-.21-9.772-3.139-.57-.39-1.11-.819-3.51-2.781-5.724-7.139-.17-.336-.334-.68-2.44-5.168-2.593-11.818l-.01-.892q0-6.72 2.396-11.905.159-.345.33-.684 2.556-5.082 6.781-8.092.282-.201.57-.392a18.4 18.4 0 0 1 4.932-2.297 19 19 0 0 1 4.766-.754q.356-.012.715-.012m-.592 3.46c-2.931.098-5.535.922-7.89 2.462l-.526.36c-2.304 1.649-4.202 3.89-5.673 6.815l-.282.58c-1.354 2.93-2.077 6.391-2.077 10.459l.01.843c.095 4.016.877 7.458 2.263 10.394 1.502 3.18 3.51 5.562 5.996 7.264 2.308 1.567 4.93 2.422 7.956 2.538l.616.013c2.26-.002 4.106-.381 5.615-1.044l.317-.147c1.586-.763 2.902-1.762 3.98-2.998l.22-.26a18.4 18.4 0 0 0 2.897-5.041l.853-2.21h5.37l2.444 10.72h2.904L59.363 44.91l4.374-20.11h-2.806l-2.172 10.414h-5.223a23 23 0 0 1 1.633 3.692 39 39 0 0 1 1.395 5.1l.183.83-.145.715-.021.102.001.001c-.333 1.712-.87 3.46-1.59 5.24a25 25 0 0 1-2.807 5.189v-.001c-1.184 1.705-2.613 3.145-4.294 4.274l-.032.02c-1.894 1.244-4.028 1.853-6.302 1.854h-.039l-.038-.002-.354-.008h-.062a10.93 10.93 0 0 1-6.724-2.61l-.011-.008-.01-.01c-1.94-1.663-3.36-3.836-4.341-6.364l-.005-.013-.005-.014c-.91-2.402-1.36-5.036-1.412-7.852l-.001-.018v-.017l-.005-.502v-.03c0-3.012.447-5.81 1.43-8.329l.179-.44c.917-2.18 2.222-4.06 3.968-5.531l.024-.02.024-.02.275-.223.029-.023c2.153-1.71 4.703-2.525 7.475-2.525 2.297 0 4.47.548 6.384 1.763 1.725 1.096 3.155 2.538 4.288 4.275q.225.343.439.693l-.54-1.382c-.733-1.873-1.715-3.447-2.933-4.762l-.008-.008-.008-.009a12.1 12.1 0 0 0-3.902-2.85l-.32-.143c-1.575-.686-3.396-1.06-5.514-1.06zm2.706 6.923q-3.093 0-5.329 1.776l-.275.224q-2.036 1.713-3.156 4.585-.075.192-.145.387-.28.78-.485 1.62a20.5 20.5 0 0 0-.544 4.08 25 25 0 0 0-.02.989l.005.502q.07 3.738 1.19 6.695 1.225 3.156 3.368 4.993a7.48 7.48 0 0 0 4.64 1.8l.354.007q2.45 0 4.41-1.287 1.96-1.316 3.4-3.4a21.4 21.4 0 0 0 2.42-4.471q.98-2.42 1.408-4.625l.026-.128-.026-.117a35.4 35.4 0 0 0-1.5-5.315 18.717 18.717 0 0 0-1.96-3.843q-1.317-2.022-3.247-3.247t-4.534-1.225m.426 3.462c.958.057 1.681.31 2.258.676q.636.402 1.186.951.277.275.531.591.255.316.489.675l.009.016.01.014q.408.612.76 1.276.59 1.106 1.021 2.368l.005.013q.653 1.89 1.046 3.706a22.5 22.5 0 0 1-1.106 3.457l-.004.01-.005.011a18.2 18.2 0 0 1-2.031 3.756l-.01.014-.01.014c-.73 1.054-1.556 1.87-2.475 2.489-.713.463-1.513.71-2.497.71-1.092 0-1.96-.32-2.752-.982-.803-.69-1.535-1.659-2.142-3.012l-.252-.605c-.616-1.639-.96-3.604-.96-5.95q0-.437.015-.856c.048-1.257.203-2.384.45-3.392a13 13 0 0 1 .276-.97q.102-.31.216-.603c.608-1.557 1.411-2.617 2.34-3.343l.012-.009.011-.008a4.7 4.7 0 0 1 1.014-.615c.615-.27 1.324-.414 2.17-.414q.22 0 .425.012M15.9 44.873c0 5.218.945 9.973 2.934 14.185a28 28 0 0 0 2.082 3.673q.695 1.03 1.477 1.973.78.941 1.647 1.792a23 23 0 0 0 3.132 2.573l.01.005c3.666 2.494 7.847 3.729 12.427 3.753h.018c3.251 0 6.262-.586 8.938-1.872 2.328-1.12 4.35-2.627 6.036-4.514l1.233 5.405h17.19L66.44 44.822l5.86-26.922h-16.98l-1.09 5.225a19 19 0 0 0-6.133-4.206c-2.545-1.107-5.315-1.631-8.257-1.631q-.421 0-.838.014-1.667.057-3.264.34a22 22 0 0 0-3.12.793 22 22 0 0 0-5.088 2.484l-.008.005c-3.631 2.405-6.467 5.712-8.529 9.811-2.099 4.175-3.094 8.92-3.094 14.139m23-.091c0 1.988.29 3.518.725 4.694l.192.46c.42.932.855 1.46 1.212 1.773.114.093.177.12.206.131.032.011.122.04.322.04l.223-.013a.8.8 0 0 0 .37-.127c.53-.362 1.048-.858 1.54-1.571l.039-.055.013-.02a14.6 14.6 0 0 0 1.632-3.021l.003-.007.005-.011.023-.061.005-.011c.31-.77.55-1.486.734-2.149a30 30 0 0 0-.755-2.542l-.007-.02-.002-.006-.143-.399a12 12 0 0 0-1.22-2.411l-.085-.123-.016-.027c-.358-.535-.732-.884-1.127-1.135a.7.7 0 0 0-.203-.083 2.4 2.4 0 0 0-.632-.067c-.356 0-.57.048-.694.09-.117.039-.223.094-.342.19l-.003.002-.062.05-.006.004c-.364.29-.816.81-1.224 1.856-.424 1.087-.722 2.567-.722 4.569"/><path fill="url(#alpha-b)" d="M39.84 17.287c2.942 0 5.713.524 8.258 1.63a19 19 0 0 1 6.133 4.207l1.09-5.225h16.98l-5.86 26.922 6.582 27.024h-17.19l-1.232-5.405c-1.687 1.887-3.708 3.394-6.037 4.514-2.675 1.286-5.686 1.872-8.937 1.872h-.018c-4.58-.024-8.761-1.259-12.428-3.752l-.009-.006c-3.598-2.463-6.37-5.84-8.339-10.01-1.989-4.213-2.933-8.968-2.933-14.185 0-5.22.995-9.963 3.094-14.138 2.061-4.1 4.898-7.407 8.529-9.811l.007-.006c3.686-2.425 7.821-3.63 12.31-3.63M32 44.781q0-4.013 1.194-7.075 1.12-2.872 3.156-4.586l.275-.223q2.236-1.777 5.329-1.777 2.603 0 4.534 1.225 1.929 1.226 3.246 3.247a19 19 0 0 1 2.175 4.442q.826 2.389 1.285 4.717l.026.116-.026.128q-.427 2.205-1.408 4.625a21.5 21.5 0 0 1-2.42 4.472q-1.44 2.083-3.4 3.4-1.959 1.286-4.41 1.287v-3.45c.984 0 1.784-.247 2.498-.71.918-.62 1.745-1.434 2.474-2.489l.01-.013.01-.015a18 18 0 0 0 2.032-3.755l.004-.012.005-.01a22.6 22.6 0 0 0 1.106-3.457 32 32 0 0 0-1.047-3.706l-.004-.013a15.7 15.7 0 0 0-1.781-3.643l-.01-.015-.01-.016c-.623-.957-1.359-1.68-2.205-2.217-.66-.419-1.51-.688-2.684-.688-1.352 0-2.355.37-3.183 1.029l-.011.009-.012.009c-.929.725-1.733 1.785-2.34 3.342-.61 1.565-.958 3.484-.958 5.822 0 2.345.344 4.31.96 5.949l.253.605c.606 1.353 1.339 2.322 2.142 3.012.791.661 1.66.982 2.751.982v3.45l-.353-.008a7.48 7.48 0 0 1-4.64-1.8q-2.144-1.837-3.37-4.992-1.119-2.958-1.188-6.696zm-12.64.985q.153 6.65 2.593 11.818 2.604 5.512 7.168 8.637 4.306 2.93 9.771 3.14l.735.015q3.991 0 7.04-1.346l.402-.186q2.987-1.435 5.084-3.84l.277-.326a21.8 21.8 0 0 0 3.46-6.002h.251l2.444 10.72h10.047l-5.73-23.531 5.117-23.516h-9.893l-2.172 10.414h-.217q-1.317-3.369-3.614-5.85a15.5 15.5 0 0 0-5.003-3.655l-.388-.173q-3.093-1.348-6.892-1.348-5.758 0-10.413 3.063l-.57.392q-4.226 3.01-6.781 8.093l-.33.683q-2.397 5.185-2.396 11.905z"/><path fill="#000" fill-opacity=".4" d="M39.84 17.287c2.942 0 5.713.524 8.258 1.63a19 19 0 0 1 6.133 4.207l1.09-5.225h16.98l-5.86 26.922 6.582 27.024h-17.19l-1.232-5.405c-1.687 1.887-3.708 3.394-6.037 4.514-2.675 1.286-5.686 1.872-8.937 1.872h-.018c-4.58-.024-8.761-1.259-12.428-3.752l-.009-.006c-3.598-2.463-6.37-5.84-8.339-10.01-1.989-4.213-2.933-8.968-2.933-14.185 0-5.22.995-9.963 3.094-14.138 2.061-4.1 4.898-7.407 8.529-9.811l.007-.006c3.686-2.425 7.821-3.63 12.31-3.63M32 44.781q0-4.013 1.194-7.075 1.12-2.872 3.156-4.586l.275-.223q2.236-1.777 5.329-1.777 2.603 0 4.534 1.225 1.929 1.226 3.246 3.247a19 19 0 0 1 2.175 4.442q.826 2.389 1.285 4.717l.026.116-.026.128q-.427 2.205-1.408 4.625a21.5 21.5 0 0 1-2.42 4.472q-1.44 2.083-3.4 3.4-1.959 1.286-4.41 1.287v-3.45c.984 0 1.784-.247 2.498-.71.918-.62 1.745-1.434 2.474-2.489l.01-.013.01-.015a18 18 0 0 0 2.032-3.755l.004-.012.005-.01a22.6 22.6 0 0 0 1.106-3.457 32 32 0 0 0-1.047-3.706l-.004-.013a15.7 15.7 0 0 0-1.781-3.643l-.01-.015-.01-.016c-.623-.957-1.359-1.68-2.205-2.217-.66-.419-1.51-.688-2.684-.688-1.352 0-2.355.37-3.183 1.029l-.011.009-.012.009c-.929.725-1.733 1.785-2.34 3.342-.61 1.565-.958 3.484-.958 5.822 0 2.345.344 4.31.96 5.949l.253.605c.606 1.353 1.339 2.322 2.142 3.012.791.661 1.66.982 2.751.982v3.45l-.353-.008a7.48 7.48 0 0 1-4.64-1.8q-2.144-1.837-3.37-4.992-1.119-2.958-1.188-6.696zm-12.64.985q.153 6.65 2.593 11.818 2.604 5.512 7.168 8.637 4.306 2.93 9.771 3.14l.735.015q3.991 0 7.04-1.346l.402-.186q2.987-1.435 5.084-3.84l.277-.326a21.8 21.8 0 0 0 3.46-6.002h.251l2.444 10.72h10.047l-5.73-23.531 5.117-23.516h-9.893l-2.172 10.414h-.217q-1.317-3.369-3.614-5.85a15.5 15.5 0 0 0-5.003-3.655l-.388-.173q-3.093-1.348-6.892-1.348-5.758 0-10.413 3.063l-.57.392q-4.226 3.01-6.781 8.093l-.33.683q-2.397 5.185-2.396 11.905z"/><path fill="url(#alpha-c)" d="M39.627 69.377q-5.912-.03-10.506-3.155-4.564-3.124-7.167-8.637-2.604-5.514-2.604-12.711 0-7.167 2.726-12.589 2.726-5.421 7.351-8.484 4.656-3.063 10.414-3.063 3.798 0 6.891 1.348a15.6 15.6 0 0 1 5.391 3.829q2.297 2.481 3.614 5.85h3.92l3.217 12.986 5.758 23.646H58.586l-5.39-23.646a35 35 0 0 0-1.287-4.716 19 19 0 0 0-2.175-4.442q-1.317-2.021-3.247-3.246t-4.533-1.226q-3.093 0-5.33 1.777-2.235 1.746-3.43 4.809Q32 40.77 32 44.782q0 4.043 1.194 7.198 1.225 3.154 3.37 4.992 2.143 1.807 4.992 1.807 2.451 0 4.41-1.286 1.96-1.317 3.4-3.4a21.5 21.5 0 0 0 2.42-4.472q.98-2.419 1.41-4.625l4.93-23.645h9.893l-5.145 23.645-3.216 12.68H55.89a21.9 21.9 0 0 1-3.46 6.004q-2.175 2.634-5.36 4.166-3.186 1.53-7.443 1.531"/><defs><linearGradient id="alpha-a" x1="16.871" x2="54.505" y1="4.156" y2="103.742" gradientUnits="userSpaceOnUse"><stop stop-color="#ffad14"/><stop offset="1" stop-color="#ff2d9d"/></linearGradient><linearGradient id="alpha-b" x1="19.787" x2="53.551" y1="8.675" y2="96.998" gradientUnits="userSpaceOnUse"><stop stop-color="#ff00a6"/><stop offset="1" stop-color="#ff0026"/></linearGradient><linearGradient id="alpha-c" x1="22.704" x2="52.604" y1="13.196" y2="90.247" gradientUnits="userSpaceOnUse"><stop stop-color="#ff00a6"/><stop offset="1" stop-color="#ff0026"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/beta.svg b/packages/assets/icons/badges/beta.svg
new file mode 100644
index 000000000..03df84ab5
--- /dev/null
+++ b/packages/assets/icons/badges/beta.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="url(#beta-a)" d="M66.184 48.86q0-.302-.009-.602a19 19 0 0 0-.216-2.367 17.8 17.8 0 0 0-2.109-6.057 16.5 16.5 0 0 0-3.03-3.895 18 18 0 0 0 1.296-2.203c1.087-2.18 1.726-4.46 1.877-6.816a17 17 0 0 0-.129-3.465 15 15 0 0 0-.26-1.376 14.4 14.4 0 0 0-1.307-3.466 16.15 16.15 0 0 0-4.546-5.376c-1.859-1.436-3.962-2.513-6.276-3.246C49.157 9.257 46.729 8.9 44.21 8.9q-2.362-.001-4.583.424a21.4 21.4 0 0 0-5.448 1.82q-.289.142-.572.292-1.128.603-2.147 1.329-.51.363-.99.758a18.3 18.3 0 0 0-3.73 4.171 16.8 16.8 0 0 0-1.736 3.491 18.352 18.352 0 0 0-.702 2.521 21 21 0 0 0-.402 4.04v53.04h16.996V66.19q.212.072.426.137l.016.005.014.004a21 21 0 0 0 5.92.85c3.41 0 6.594-.746 9.477-2.299 2.867-1.543 5.175-3.715 6.869-6.479a16.8 16.8 0 0 0 1.577-3.35 17.6 17.6 0 0 0 .745-3.01q.244-1.552.244-3.186m-9.056-23.033c0-1.57-.33-2.865-.916-3.961l-.01-.017-.009-.018a9.25 9.25 0 0 0-2.638-3.116l-.007-.005-.008-.006a13 13 0 0 0-3.524-1.922l-.643-.218a16.8 16.8 0 0 0-4.438-.75l-.761-.014c-2.629.005-4.92.534-6.94 1.53-2.014.995-3.561 2.366-4.715 4.134-1.09 1.67-1.705 3.728-1.718 6.317v46.104h3.195v-15.47l4.325-1.996 1.68 1.429c1.093.93 2.197 1.53 3.311 1.87a14 14 0 0 0 3.418.556l.577.01c2.073-.005 3.892-.4 5.507-1.142l.322-.155.353-.182c1.69-.913 3.022-2.133 4.043-3.684l.203-.32c1.002-1.635 1.549-3.577 1.549-5.94 0-2.094-.487-3.947-1.439-5.627l-.004-.009-.006-.008c-.85-1.52-2.079-2.78-3.78-3.786l-4.029-2.379 3.464-3.145a10.7 10.7 0 0 0 2.098-2.59l.18-.326c.931-1.744 1.36-3.453 1.36-5.164M44.265 17.99l.353.006.076.002c2.45.093 4.723.914 6.495 2.675 1.87 1.843 2.743 4.208 2.743 6.795v.09l-.01.343v.048l-.003.046a11.1 11.1 0 0 1-.828 3.591l-.004.01-.004.01c-.677 1.635-1.813 2.938-3.239 3.921l-.01.007c-1.36.93-2.939 1.366-4.55 1.505v.731c1.77.03 3.473.387 5.06 1.124 1.688.785 3.099 1.953 4.15 3.492 1.156 1.668 1.669 3.587 1.669 5.592v.052l-.001.053-.015.484-.002.052-.004.052a10.26 10.26 0 0 1-1.38 4.6l-.03.05-.03.05-.278.44-.036.051c-.93 1.366-2.158 2.44-3.606 3.226l-.001-.002c-1.727.947-3.657 1.35-5.664 1.35h-.092l-.59-.016-.047-.002-.047-.003c-1.81-.098-3.538-.55-5.085-1.456l-.015-.01-.016-.01a10.57 10.57 0 0 1-3.904-4.056l-.009-.017-.009-.018c-.88-1.664-1.306-3.471-1.306-5.36V28.4c0-1.692.293-3.345 1.007-4.854l.03-.063.032-.062.232-.441.025-.045c.896-1.593 2.166-2.868 3.787-3.731l.01-.006.01-.004c1.577-.825 3.295-1.203 5.08-1.203zm-.055 6.9c1.19 0 1.764.326 2.118.68l.018.018c.26.257.464.56.58.98.069.252.106.547.106.9 0 .407-.085.9-.326 1.498-.107.258-.31.554-.775.876-.159.107-.671.35-1.893.35h-3.142V28.4c0-1.037.205-1.67.428-2.062l.012-.02c.276-.492.602-.801 1-1.016.48-.25 1.08-.41 1.874-.41m-6.764 22.597q0 2.034.907 3.75A7.1 7.1 0 0 0 41 53.981q1.5.879 3.526.99l.59.015v-3.45c-1.109 0-1.849-.228-2.363-.527a3.66 3.66 0 0 1-1.364-1.411c-.32-.616-.493-1.3-.493-2.11v-2.823h4.147q.178 0 .35.008c.681.033 1.27.165 1.788.37q.13.051.254.11c.62.287 1.048.662 1.367 1.133l.011.015.01.016q.093.134.173.298t.14.365.093.45q.033.247.033.548c0 .735-.166 1.312-.459 1.812-.284.486-.69.895-1.314 1.233l-.009.004-.01.006a3 3 0 0 1-.207.104c-.507.234-1.195.4-2.147.4v3.45q.29 0 .572-.015 1.686-.088 3.014-.699a7 7 0 0 0 .432-.218q1.502-.815 2.403-2.136l.245-.389a6.8 6.8 0 0 0 .916-3.068l.015-.484q0-2.107-1.054-3.626-1.03-1.52-2.77-2.329a8 8 0 0 0-.892-.353 9.3 9.3 0 0 0-2.954-.455h-3.21v-7.572h2.205q2.45 0 3.848-.956 1.42-.98 2.009-2.401.514-1.265.578-2.474l.01-.344q0-2.646-1.716-4.338-1.585-1.585-4.204-1.684l-.353-.006q-1.936 0-3.48.809-1.52.808-2.401 2.376l-.208.397q-.675 1.425-.675 3.377zm23.132-21.661q0 1.523-.337 3.012a15 15 0 0 1-1.426 3.776l-.227.409a14.2 14.2 0 0 1-2.779 3.437q3.288 1.941 5.038 5.073a14.3 14.3 0 0 1 1.622 4.424 15.4 15.4 0 0 1 .265 2.903q0 2.193-.514 4.13a14 14 0 0 1-.459 1.415q-.441 1.15-1.084 2.199l-.263.413q-2.015 3.06-5.3 4.83l-.441.228q-3.335 1.66-7.4 1.66-.315 0-.63-.012a17.5 17.5 0 0 1-4.32-.7q-2.426-.736-4.558-2.548l-.319.147v16.712H27.351V27.763q.003-.59.04-1.162.057-.858.193-1.67.09-.54.215-1.063.375-1.564 1.063-2.95.345-.692.767-1.34a15 15 0 0 1 2.273-2.722 15.6 15.6 0 0 1 3.804-2.62 18 18 0 0 1 .97-.442 18 18 0 0 1 4.144-1.18 21 21 0 0 1 3.39-.264l.815.014a20.2 20.2 0 0 1 5.409.917l.724.246a16.4 16.4 0 0 1 4.495 2.45 12.7 12.7 0 0 1 3.602 4.262q.248.465.449.95.874 2.109.874 4.638m6.9 0c0 3.406-.844 6.654-2.393 9.679q.34.43.658.878l1.11 1.75c1.753 3.098 2.663 6.475 2.77 10.016l.011.71c0 4.048-.963 7.906-3.075 11.35-2.016 3.29-4.777 5.885-8.175 7.714-3.43 1.847-7.184 2.712-11.112 2.712-.982 0-1.958-.063-2.925-.179v13.778H20.45V27.727c.022-4.28 1.07-8.349 3.4-11.92 2.201-3.373 5.183-5.973 8.802-7.759C36.24 6.277 40.136 5.45 44.21 5.45l.533.005c2.663.047 5.264.453 7.773 1.247 2.668.845 5.134 2.1 7.332 3.797a19.6 19.6 0 0 1 5.492 6.489l.267.519c1.287 2.612 1.871 5.43 1.871 8.32"/><path fill="url(#beta-b)" d="M62.734 48.86q0-3.995-1.887-7.327-1.75-3.133-5.038-5.074a14.2 14.2 0 0 0 2.779-3.436l.227-.409q1.764-3.308 1.763-6.788 0-3.113-1.323-5.588a12.7 12.7 0 0 0-3.602-4.263 16.4 16.4 0 0 0-4.495-2.45l-.724-.245a20.2 20.2 0 0 0-5.409-.917l-.815-.014q-4.68 0-8.504 1.886-3.822 1.887-6.077 5.342t-2.278 8.185v49.572h10.095V60.622l.32-.147q2.13 1.813 4.557 2.548 2.123.622 4.32.7l.63.011q4.065 0 7.4-1.659l.44-.228q3.287-1.77 5.3-4.83l.264-.413q2.058-3.358 2.057-7.744M47.032 27.468c0-.94-.269-1.469-.686-1.88l-.018-.018c-.355-.354-.927-.68-2.118-.68-.794 0-1.393.16-1.875.411-.397.215-.723.524-1 1.016l-.01.02c-.224.391-.429 1.025-.429 2.062v1.794h3.142c1.222 0 1.734-.244 1.893-.35.465-.323.668-.619.775-.877.241-.598.326-1.09.326-1.498m3.441.344q-.064 1.208-.578 2.474-.588 1.421-2.01 2.401-1.396.956-3.847.956h-2.205v7.572h3.21q2.107 0 3.847.808 1.74.81 2.77 2.329 1.052 1.519 1.053 3.626l-.015.484a6.8 6.8 0 0 1-.916 3.069l-.245.388q-.9 1.322-2.403 2.136-1.69.93-4.018.931v-3.45c1.089 0 1.832-.216 2.354-.503l.01-.006.01-.004c.622-.338 1.029-.747 1.313-1.233.293-.5.46-1.077.46-1.812 0-.804-.192-1.304-.44-1.66l-.01-.017-.011-.015c-.32-.471-.747-.846-1.367-1.134-.66-.307-1.44-.487-2.392-.487h-4.147v2.822c0 .81.173 1.495.493 2.11a3.66 3.66 0 0 0 1.364 1.412c.514.299 1.254.527 2.363.527v3.45l-.59-.015Q42.5 54.86 41 53.98a7.1 7.1 0 0 1-2.647-2.745q-.907-1.715-.907-3.749V28.4q0-1.951.675-3.377l.208-.397q.882-1.567 2.401-2.376 1.544-.81 3.48-.809l.353.006q2.619.1 4.204 1.685 1.715 1.69 1.715 4.337zm13.555-1.986c0 2.93-.748 5.746-2.17 8.41a18 18 0 0 1-1.038 1.702 16.5 16.5 0 0 1 3.03 3.895c1.565 2.763 2.334 5.795 2.334 9.027 0 3.486-.824 6.705-2.566 9.546-1.694 2.764-4.002 4.936-6.869 6.48-2.883 1.552-6.067 2.298-9.477 2.298-2.011 0-3.988-.284-5.92-.85l-.014-.004-.016-.005q-.214-.066-.426-.137v14.596H23.9v-53.04c.02-3.716.924-7.115 2.84-10.052 1.852-2.838 4.356-5.029 7.44-6.55 3.068-1.515 6.432-2.244 10.03-2.244 2.519 0 4.947.358 7.265 1.092 2.314.733 4.417 1.81 6.276 3.246a16.15 16.15 0 0 1 4.546 5.376c1.178 2.203 1.731 4.635 1.731 7.214"/><path fill="#000" fill-opacity=".47" d="M62.734 48.86q0-3.995-1.887-7.327-1.75-3.133-5.038-5.074a14.2 14.2 0 0 0 2.779-3.436l.227-.409q1.764-3.308 1.763-6.788 0-3.113-1.323-5.588a12.7 12.7 0 0 0-3.602-4.263 16.4 16.4 0 0 0-4.495-2.45l-.724-.245a20.2 20.2 0 0 0-5.409-.917l-.815-.014q-4.68 0-8.504 1.886-3.822 1.887-6.077 5.342t-2.278 8.185v49.572h10.095V60.622l.32-.147q2.13 1.813 4.557 2.548 2.123.622 4.32.7l.63.011q4.065 0 7.4-1.659l.44-.228q3.287-1.77 5.3-4.83l.264-.413q2.058-3.358 2.057-7.744M47.032 27.468c0-.94-.269-1.469-.686-1.88l-.018-.018c-.355-.354-.927-.68-2.118-.68-.794 0-1.393.16-1.875.411-.397.215-.723.524-1 1.016l-.01.02c-.224.391-.429 1.025-.429 2.062v1.794h3.142c1.222 0 1.734-.244 1.893-.35.465-.323.668-.619.775-.877.241-.598.326-1.09.326-1.498m3.441.344q-.064 1.208-.578 2.474-.588 1.421-2.01 2.401-1.396.956-3.847.956h-2.205v7.572h3.21q2.107 0 3.847.808 1.74.81 2.77 2.329 1.052 1.519 1.053 3.626l-.015.484a6.8 6.8 0 0 1-.916 3.069l-.245.388q-.9 1.322-2.403 2.136-1.69.93-4.018.931v-3.45c1.089 0 1.832-.216 2.354-.503l.01-.006.01-.004c.622-.338 1.029-.747 1.313-1.233.293-.5.46-1.077.46-1.812 0-.804-.192-1.304-.44-1.66l-.01-.017-.011-.015c-.32-.471-.747-.846-1.367-1.134-.66-.307-1.44-.487-2.392-.487h-4.147v2.822c0 .81.173 1.495.493 2.11a3.66 3.66 0 0 0 1.364 1.412c.514.299 1.254.527 2.363.527v3.45l-.59-.015Q42.5 54.86 41 53.98a7.1 7.1 0 0 1-2.647-2.745q-.907-1.715-.907-3.749V28.4q0-1.951.675-3.377l.208-.397q.882-1.567 2.401-2.376 1.544-.81 3.48-.809l.353.006q2.619.1 4.204 1.685 1.715 1.69 1.715 4.337zm13.555-1.986c0 2.93-.748 5.746-2.17 8.41a18 18 0 0 1-1.038 1.702 16.5 16.5 0 0 1 3.03 3.895c1.565 2.763 2.334 5.795 2.334 9.027 0 3.486-.824 6.705-2.566 9.546-1.694 2.764-4.002 4.936-6.869 6.48-2.883 1.552-6.067 2.298-9.477 2.298-2.011 0-3.988-.284-5.92-.85l-.014-.004-.016-.005q-.214-.066-.426-.137v14.596H23.9v-53.04c.02-3.716.924-7.115 2.84-10.052 1.852-2.838 4.356-5.029 7.44-6.55 3.068-1.515 6.432-2.244 10.03-2.244 2.519 0 4.947.358 7.265 1.092 2.314.733 4.417 1.81 6.276 3.246a16.15 16.15 0 0 1 4.546 5.376c1.178 2.203 1.731 4.635 1.731 7.214"/><path fill="url(#beta-c)" d="M41.833 34.207h4.729q5.22 0 8.821 2.01 3.602 1.984 5.465 5.317 1.887 3.333 1.887 7.327 0 4.386-2.059 7.743-2.058 3.357-5.562 5.244t-7.841 1.887a17.5 17.5 0 0 1-4.95-.71q-2.427-.735-4.558-2.55l-.319.148V47.489q0 2.033.907 3.749a7.1 7.1 0 0 0 2.646 2.744q1.716 1.005 4.117 1.005 2.328 0 4.019-.931 1.715-.931 2.646-2.524t.931-3.553q0-2.107-1.053-3.627-1.03-1.52-2.77-2.328t-3.846-.808h-3.21zM44.21 12.35q3.282 0 6.224.93 2.94.933 5.219 2.696a12.7 12.7 0 0 1 3.602 4.264q1.323 2.475 1.323 5.587 0 3.48-1.764 6.788-1.764 3.307-5.121 5.464t-8.136 2.156h-3.724v-6.591h2.205q2.45 0 3.847-.956 1.421-.98 2.01-2.401.587-1.446.588-2.818 0-2.647-1.716-4.338-1.69-1.69-4.558-1.69-1.935 0-3.48.808-1.518.81-2.4 2.377-.883 1.544-.883 3.774v48.935H27.351V27.763q.024-4.73 2.279-8.185 2.253-3.455 6.076-5.342t8.503-1.886"/><defs><linearGradient id="beta-a" x1="26.383" x2="52.259" y1="-.608" y2="102.897" gradientUnits="userSpaceOnUse"><stop stop-color="#46cd7c"/><stop offset="1" stop-color="#0b85ff"/></linearGradient><linearGradient id="beta-b" x1="31.677" x2="51.237" y1="-2.891" y2="93.157" gradientUnits="userSpaceOnUse"><stop stop-color="#29d1ff"/><stop offset="1" stop-color="#4834cb"/></linearGradient><linearGradient id="beta-c" x1="33.858" x2="52.834" y1="1.692" y2="87.947" gradientUnits="userSpaceOnUse"><stop stop-color="#29d1ff"/><stop offset="1" stop-color="#4834cb"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-100m.svg b/packages/assets/icons/badges/downloads-100m.svg
new file mode 100644
index 000000000..64896442a
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-100m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-100m-a)" fill-opacity=".7" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-100m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M28.028 52.818V63h-2.152v-8.139h-.06l-2.332 1.462v-1.909l2.521-1.596zm6.413 10.406q-1.283-.005-2.208-.632-.92-.626-1.417-1.814-.492-1.188-.487-2.859 0-1.665.492-2.839.498-1.173 1.417-1.785.925-.615 2.203-.616 1.277 0 2.197.616.924.617 1.422 1.79.497 1.17.492 2.834 0 1.676-.497 2.864-.492 1.188-1.412 1.814t-2.203.627m0-1.785q.874 0 1.396-.88t.518-2.64q0-1.158-.24-1.929-.233-.771-.665-1.158a1.45 1.45 0 0 0-1.01-.388q-.87 0-1.392.87t-.526 2.605q0 1.173.233 1.959.24.78.671 1.173a1.47 1.47 0 0 0 1.014.388m9.638 1.785q-1.282-.005-2.207-.632-.92-.626-1.417-1.814-.492-1.188-.487-2.859 0-1.665.492-2.839.497-1.173 1.417-1.785.924-.615 2.202-.616 1.278 0 2.198.616.924.617 1.422 1.79.496 1.17.492 2.834 0 1.676-.498 2.864-.492 1.188-1.411 1.814-.92.627-2.203.627m0-1.785q.876 0 1.397-.88.522-.88.517-2.64 0-1.158-.238-1.929-.234-.771-.667-1.158a1.45 1.45 0 0 0-1.009-.388q-.87 0-1.392.87t-.527 2.605q0 1.173.234 1.959.239.78.671 1.173a1.47 1.47 0 0 0 1.014.388m5.706-8.62h2.655l2.804 6.84h.12l2.803-6.84h2.655V63h-2.088v-6.627h-.084l-2.635 6.577h-1.422l-2.635-6.602h-.085V63h-2.088zm15.794 8.63v-7.04h1.78v7.04zm-2.63-2.63v-1.78h7.04v1.78z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-100m-a" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#18fdcf"/><stop offset=".5" stop-color="#6a0ffc"/><stop offset="1" stop-color="#ff0f13"/></linearGradient><linearGradient id="downloads-100m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#4a06e9"/><stop offset=".5" stop-color="#d621c4"/><stop offset="1" stop-color="#f518ac"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-10m.svg b/packages/assets/icons/badges/downloads-10m.svg
new file mode 100644
index 000000000..83b3e10ad
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-10m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-10m-a)" fill-opacity=".7" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-10m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M30.826 51.364V63h-2.46v-9.301h-.068l-2.665 1.67v-2.181l2.88-1.824zm7.328 11.892q-1.465-.006-2.523-.722-1.05-.716-1.619-2.074-.562-1.358-.557-3.267 0-1.903.563-3.244.568-1.341 1.62-2.04 1.056-.705 2.516-.704 1.46 0 2.511.704 1.057.705 1.626 2.046.568 1.336.562 3.238 0 1.916-.568 3.273-.562 1.357-1.614 2.074-1.05.716-2.517.716m0-2.04q1 0 1.597-1.006.596-1.005.59-3.017 0-1.323-.272-2.204-.267-.881-.762-1.324a1.66 1.66 0 0 0-1.153-.443q-.994 0-1.59.994-.598.994-.603 2.977 0 1.34.267 2.239.273.891.767 1.34.495.444 1.16.444m6.521-9.852h3.035l3.204 7.818h.136l3.205-7.818h3.034V63h-2.386v-7.574h-.097l-3.011 7.517H50.17l-3.012-7.545h-.096V63h-2.387zm18.05 9.863v-8.045h2.034v8.045zm-3.006-3.005v-2.035h8.046v2.035z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-10m-a" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#42ffdf"/><stop offset="1" stop-color="#170fff"/></linearGradient><linearGradient id="downloads-10m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#5d46f2"/><stop offset="1" stop-color="#b2ebf8"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-1m.svg b/packages/assets/icons/badges/downloads-1m.svg
new file mode 100644
index 000000000..c15ae5bd8
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-1m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-1m-a)" fill-opacity=".7" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-1m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M36.334 51.364V63h-2.46v-9.301h-.069l-2.664 1.67v-2.181l2.88-1.824zm2.834 0h3.034l3.204 7.818h.137l3.204-7.818h3.034V63h-2.386v-7.574h-.097l-3.011 7.517h-1.625l-3.011-7.545h-.097V63h-2.386zm18.05 9.863v-8.045h2.033v8.045zm-3.006-3.005v-2.035h8.045v2.035z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-1m-a" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#adff42"/><stop offset="1" stop-color="#0fe7ff"/></linearGradient><linearGradient id="downloads-1m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#46f291"/><stop offset="1" stop-color="#b2f8c4"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-250m.svg b/packages/assets/icons/badges/downloads-250m.svg
new file mode 100644
index 000000000..84cbd4f4a
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-250m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-250m-a)" fill-opacity=".8" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-250m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M22.922 63v-1.551l3.624-3.356q.463-.448.776-.805a3 3 0 0 0 .482-.701 1.74 1.74 0 0 0 .164-.751q0-.447-.204-.77a1.34 1.34 0 0 0-.556-.503 1.75 1.75 0 0 0-.801-.179q-.467 0-.815.19a1.3 1.3 0 0 0-.537.541 1.76 1.76 0 0 0-.19.84h-2.042q0-.999.452-1.735.453-.736 1.268-1.138.815-.403 1.879-.403 1.095 0 1.904.388.816.383 1.268 1.064t.452 1.56q0 .578-.228 1.14-.224.561-.8 1.247-.577.681-1.627 1.636l-1.486 1.456v.07h4.275V63zm12.537.14q-1.054 0-1.88-.389a3.27 3.27 0 0 1-1.302-1.069 2.75 2.75 0 0 1-.502-1.56h2.088q.035.591.497.959.463.368 1.1.368.506 0 .894-.224.393-.229.611-.631.224-.408.224-.935 0-.537-.228-.944a1.6 1.6 0 0 0-.622-.637 1.83 1.83 0 0 0-.91-.234 2.2 2.2 0 0 0-.87.184q-.417.184-.651.503l-1.914-.343.482-5.37h6.225v1.76h-4.45l-.264 2.55h.06q.27-.377.81-.626a2.9 2.9 0 0 1 1.214-.248q.92 0 1.64.432t1.139 1.188q.417.751.412 1.73.006 1.03-.477 1.83-.477.795-1.337 1.253-.855.452-1.989.452m9.297.084q-1.283-.005-2.207-.632-.92-.626-1.417-1.814-.492-1.188-.488-2.859 0-1.665.493-2.839.496-1.173 1.416-1.785.925-.615 2.203-.616 1.278 0 2.197.616.925.617 1.422 1.79.498 1.17.492 2.834 0 1.676-.497 2.864-.492 1.188-1.412 1.814t-2.202.627m0-1.785q.875 0 1.397-.88t.517-2.64q0-1.158-.239-1.929-.233-.771-.666-1.158a1.45 1.45 0 0 0-1.01-.388q-.87 0-1.391.87-.522.87-.527 2.605 0 1.173.234 1.959.238.78.67 1.173a1.47 1.47 0 0 0 1.015.388m5.706-8.62h2.655l2.804 6.84h.12l2.803-6.84H61.5V63h-2.088v-6.627h-.085l-2.635 6.577H55.27l-2.635-6.602h-.085V63h-2.088zm15.794 8.63v-7.04h1.78v7.04zm-2.63-2.63v-1.78h7.04v1.78z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-250m-a" x1="18.5" x2="67.5" y1="13.5" y2="77" gradientUnits="userSpaceOnUse"><stop stop-color="#f68401"/><stop offset=".476" stop-color="#d81028"/><stop offset="1" stop-color="#9908e7"/></linearGradient><linearGradient id="downloads-250m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop offset=".242" stop-color="#f5973e"/><stop offset=".972" stop-color="#f90a49"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-25m.svg b/packages/assets/icons/badges/downloads-25m.svg
new file mode 100644
index 000000000..6224206d0
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-25m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-25m-a)" fill-opacity=".7" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-25m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M24.99 63v-1.773l4.142-3.835q.529-.511.886-.92.364-.41.552-.802.187-.397.187-.858 0-.51-.233-.88a1.53 1.53 0 0 0-.636-.574 2 2 0 0 0-.915-.205q-.534 0-.932.216-.398.215-.613.62-.216.404-.216.96h-2.336q0-1.142.517-1.983.517-.84 1.45-1.301.931-.46 2.147-.46 1.25 0 2.176.443.931.437 1.45 1.216.516.778.516 1.784 0 .66-.261 1.3-.256.643-.915 1.427-.66.778-1.858 1.87l-1.699 1.664v.08h4.886V63zm14.328.16q-1.204 0-2.148-.444a3.74 3.74 0 0 1-1.488-1.222 3.14 3.14 0 0 1-.574-1.784h2.386q.04.676.569 1.097t1.255.42a2 2 0 0 0 1.023-.255q.45-.262.699-.722.255-.466.255-1.068 0-.615-.26-1.08a1.85 1.85 0 0 0-.711-.727 2.1 2.1 0 0 0-1.04-.267q-.51 0-.994.21-.477.21-.745.574l-2.187-.392.551-6.136h7.114v2.011h-5.086l-.3 2.915h.068q.306-.432.926-.716.62-.285 1.386-.284 1.05 0 1.875.494.824.495 1.301 1.358.477.858.472 1.977.006 1.176-.546 2.091a3.85 3.85 0 0 1-1.528 1.432q-.978.517-2.273.517m6.13-11.796h3.035l3.205 7.818h.136l3.204-7.818h3.035V63h-2.387v-7.574h-.096l-3.012 7.517h-1.625l-3.011-7.545h-.097V63H45.45zm18.05 9.863v-8.045h2.035v8.045zm-3.005-3.005v-2.035h8.045v2.035z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-25m-a" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#ef42ff"/><stop offset="1" stop-color="#2b0fff"/></linearGradient><linearGradient id="downloads-25m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#9146f2"/><stop offset="1" stop-color="#f8b2e0"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-500m.svg b/packages/assets/icons/badges/downloads-500m.svg
new file mode 100644
index 000000000..dc58c96ab
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-500m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-500m-a)" fill-opacity=".7" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-500m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M26.23 63.14q-1.054 0-1.879-.389a3.27 3.27 0 0 1-1.302-1.069 2.75 2.75 0 0 1-.502-1.56h2.088q.035.591.497.959t1.099.368q.507 0 .894-.224a1.6 1.6 0 0 0 .612-.631 1.9 1.9 0 0 0 .224-.935q0-.537-.229-.944a1.6 1.6 0 0 0-.622-.637 1.83 1.83 0 0 0-.91-.234 2.2 2.2 0 0 0-.87.184q-.417.184-.65.503l-1.915-.343.483-5.37h6.224v1.76h-4.45l-.263 2.55h.06q.268-.377.81-.626a2.9 2.9 0 0 1 1.213-.248q.92 0 1.64.432t1.14 1.188q.417.751.412 1.73.005 1.03-.477 1.83-.478.795-1.338 1.253-.855.452-1.988.452m9.297.084q-1.282-.005-2.207-.632-.92-.626-1.417-1.814-.492-1.188-.487-2.859 0-1.665.492-2.839.498-1.173 1.417-1.785.924-.615 2.202-.616 1.278 0 2.198.616.924.617 1.422 1.79.496 1.17.492 2.834 0 1.676-.497 2.864-.492 1.188-1.412 1.814t-2.203.627m0-1.785q.876 0 1.397-.88.523-.88.517-2.64 0-1.158-.238-1.929-.234-.771-.666-1.158a1.45 1.45 0 0 0-1.01-.388q-.87 0-1.392.87t-.527 2.605q0 1.173.234 1.959.24.78.671 1.173a1.47 1.47 0 0 0 1.014.388m9.64 1.785q-1.284-.005-2.208-.632-.92-.626-1.417-1.814-.492-1.188-.487-2.859 0-1.665.492-2.839.496-1.173 1.417-1.785.924-.615 2.202-.616 1.277 0 2.198.616.924.617 1.421 1.79.498 1.17.493 2.834 0 1.676-.497 2.864-.493 1.188-1.413 1.814t-2.202.627m0-1.785q.874 0 1.396-.88t.517-2.64q0-1.158-.238-1.929-.234-.771-.667-1.158a1.45 1.45 0 0 0-1.009-.388q-.87 0-1.392.87t-.527 2.605q0 1.173.234 1.959.239.78.67 1.173a1.47 1.47 0 0 0 1.015.388m5.705-8.62h2.655l2.804 6.84h.12l2.803-6.84h2.655V63h-2.088v-6.627h-.084l-2.635 6.577H55.68l-2.635-6.602h-.085V63h-2.088zm15.794 8.63v-7.04h1.78v7.04zm-2.63-2.63v-1.78h7.04v1.78z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-500m-a" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop offset=".279" stop-color="#1cee74"/><stop offset=".519" stop-color="#2371f8"/><stop offset=".847" stop-color="#ff0fd3"/></linearGradient><linearGradient id="downloads-500m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#46eaf2"/><stop offset="1" stop-color="#f815b4"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/downloads-50m.svg b/packages/assets/icons/badges/downloads-50m.svg
new file mode 100644
index 000000000..30bbdd69e
--- /dev/null
+++ b/packages/assets/icons/badges/downloads-50m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#33363d" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-50m-a)" fill-opacity=".7" d="M11.041 30.917a16.666 16.666 0 0 1 19.917-19.875 16.666 16.666 0 0 1 28.083 0 16.666 16.666 0 0 1 19.917 19.917 16.666 16.666 0 0 1 0 28.083 16.666 16.666 0 0 1-19.875 19.917 16.666 16.666 0 0 1-28.125 0A16.666 16.666 0 0 1 11.04 59.084a16.667 16.667 0 0 1 0-28.167"/><path fill="url(#downloads-50m-b)" fill-opacity=".7" d="M83.647 45a13.67 13.67 0 0 0-6.305-11.514 3 3 0 0 1-1.312-3.185A13.667 13.667 0 0 0 59.7 13.969a3 3 0 0 1-3.186-1.31 13.67 13.67 0 0 0-23.029 0 3 3 0 0 1-3.183 1.31A13.668 13.668 0 0 0 13.97 30.268a3 3 0 0 1-1.325 3.185 13.67 13.67 0 0 0-4.664 18.14 13.67 13.67 0 0 0 4.665 4.957 3 3 0 0 1 1.324 3.184 13.67 13.67 0 0 0 9.54 16.09c2.21.64 4.546.712 6.792.208l.231-.043c1.16-.166 2.32.36 2.956 1.36a13.67 13.67 0 0 0 11.532 6.332v3l-.526-.01a16.7 16.7 0 0 1-7.032-1.802l-.464-.246a16.67 16.67 0 0 1-6.041-5.663 16.67 16.67 0 0 1-15.041-4.1l-.378-.366a16.7 16.7 0 0 1-4.071-6.625l-.155-.503a16.67 16.67 0 0 1-.272-8.281 16.7 16.7 0 0 1-5.426-5.588l-.261-.457a16.67 16.67 0 0 1-.247-15.612l.247-.465a16.67 16.67 0 0 1 5.687-6.045 16.7 16.7 0 0 1 .132-7.775l.14-.507a16.7 16.7 0 0 1 3.86-6.75l.366-.377a16.67 16.67 0 0 1 14.904-4.573l.515.107a16.7 16.7 0 0 1 5.581-5.382l.456-.259a16.667 16.667 0 0 1 21.757 5.204l.289.437a16.667 16.667 0 0 1 19.917 19.917A16.67 16.67 0 0 1 86.647 45l-.01.524a16.7 16.7 0 0 1-2.04 7.48l-.258.456a16.7 16.7 0 0 1-5.381 5.582 16.67 16.67 0 0 1-4.466 15.419l-.377.366a16.7 16.7 0 0 1-6.75 3.86l-.508.14a16.7 16.7 0 0 1-7.774.132 16.67 16.67 0 0 1-6.041 5.663l-.465.246a16.7 16.7 0 0 1-7.556 1.812v-3a13.67 13.67 0 0 0 11.53-6.331l.134-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.09-9.54c.64-2.21.712-4.546.208-6.792a3 3 0 0 1 1.312-3.183A13.67 13.67 0 0 0 83.647 45"/><path fill="#000" fill-opacity=".5" fill-rule="evenodd" d="M46.709 6.46a13.66 13.66 0 0 0-8.274 1.573 13.67 13.67 0 0 0-4.95 4.625 3 3 0 0 1-3.183 1.312A13.668 13.668 0 0 0 13.97 30.267a3 3 0 0 1-.489 2.395c-.22.309-.502.579-.835.79a13.68 13.68 0 0 0-6.25 13.267 13.67 13.67 0 0 0 6.25 9.83 3 3 0 0 1 1.307 1.812c.11.44.12.91.017 1.372a13.6 13.6 0 0 0-.155 5.116 13.66 13.66 0 0 0 3.843 7.52 13.67 13.67 0 0 0 12.644 3.662l.231-.043c1.16-.166 2.32.36 2.956 1.36q.116.183.238.36a13.64 13.64 0 0 0 4.715 4.285 13.67 13.67 0 0 0 18.11-4.644q.064-.1.133-.194a3 3 0 0 1 3.047-1.125 13.67 13.67 0 0 0 16.63-13.35c-.001-1-.111-2-.332-2.982a3.01 3.01 0 0 1 1.312-3.183 13.668 13.668 0 0 0 0-23.029 3 3 0 0 1-.54-.441 2.998 2.998 0 0 1-.772-2.744 13.674 13.674 0 0 0-10.785-16.425 13.7 13.7 0 0 0-5.546.093 3 3 0 0 1-3.185-1.31 13.67 13.67 0 0 0-9.805-6.198m-36.1 43.685a10.667 10.667 0 0 1 3.641-14.158 6 6 0 0 0 2.648-6.37 10.666 10.666 0 0 1 12.747-12.72l.232.047a6 6 0 0 0 6.136-2.67 10.668 10.668 0 0 1 17.973 0l.131.197a6 6 0 0 0 6.24 2.424 10.67 10.67 0 0 1 12.746 12.748 6 6 0 0 0 2.623 6.37 10.667 10.667 0 0 1 3.766 13.813l-.157.297a10.7 10.7 0 0 1-3.61 3.864 6 6 0 0 0-2.622 6.368 10.667 10.667 0 0 1-12.721 12.747 6 6 0 0 0-6.095 2.25l-.068.096-.134.194-.065.096a10.67 10.67 0 0 1-8.664 4.937l-.336.005a10.67 10.67 0 0 1-8.815-4.66l-.184-.282a6 6 0 0 0-5.914-2.72l-.122.021-.231.043-.109.022a10.668 10.668 0 0 1-12.747-12.721 6 6 0 0 0-2.45-6.239l-.198-.13a10.7 10.7 0 0 1-3.64-3.87" clip-rule="evenodd"/><path fill="#fff" d="M28.771 63.16q-1.205 0-2.147-.444a3.74 3.74 0 0 1-1.49-1.222 3.14 3.14 0 0 1-.573-1.784h2.386q.04.676.569 1.097t1.255.42a2 2 0 0 0 1.023-.255q.45-.262.699-.722.256-.466.256-1.068 0-.615-.262-1.08a1.85 1.85 0 0 0-.71-.727 2.1 2.1 0 0 0-1.04-.267q-.51 0-.994.21-.477.21-.744.574L24.81 57.5l.551-6.136h7.114v2.011H27.39l-.301 2.915h.068q.306-.432.926-.716.62-.285 1.386-.284 1.05 0 1.875.494.824.495 1.301 1.358.478.858.472 1.977.006 1.176-.546 2.091a3.85 3.85 0 0 1-1.528 1.432q-.978.517-2.273.517m10.625.096q-1.466-.006-2.522-.722-1.051-.716-1.62-2.074-.562-1.358-.557-3.267 0-1.903.563-3.244.569-1.341 1.62-2.04 1.056-.705 2.516-.704 1.46 0 2.512.704 1.056.705 1.625 2.046.568 1.336.562 3.238 0 1.916-.568 3.273-.562 1.357-1.614 2.074-1.05.716-2.517.716m0-2.04q1.001 0 1.597-1.006.597-1.005.59-3.017 0-1.323-.272-2.204-.267-.881-.761-1.324a1.66 1.66 0 0 0-1.154-.443q-.994 0-1.59.994-.598.994-.603 2.977 0 1.34.267 2.239.273.891.767 1.34.495.444 1.16.444m6.522-9.852h3.034l3.204 7.818h.137l3.204-7.818h3.034V63h-2.386v-7.574h-.097l-3.011 7.517h-1.625L48.4 55.398h-.097V63h-2.386zm18.05 9.863v-8.045H66v8.045zm-3.006-3.005v-2.035h8.045v2.035z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45 35V23m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H38a2 2 0 0 1-2-2v-4"/><defs><linearGradient id="downloads-50m-a" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#c642ff"/><stop offset="1" stop-color="#ff5b0f"/></linearGradient><linearGradient id="downloads-50m-b" x1="7.5" x2="80" y1="-3" y2="91" gradientUnits="userSpaceOnUse"><stop stop-color="#f24697"/><stop offset="1" stop-color="#ea54c7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-datapack.svg b/packages/assets/icons/badges/early-datapack.svg
new file mode 100644
index 000000000..795e1a309
--- /dev/null
+++ b/packages/assets/icons/badges/early-datapack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#fa4c4c" d="M19.835 63.167V50.462a6 6 0 0 1 0-11.925V25.833A11.335 11.335 0 0 1 31.168 14.5v3a8.334 8.334 0 0 0-8.335 8.333v13.334a2.333 2.333 0 0 1-2.332 2.333 3 3 0 1 0 0 6 2.335 2.335 0 0 1 2.332 2.333v13.334c0 4.59 3.744 8.333 8.335 8.333h2.665a3 3 0 0 0 0-6v-3a6 6 0 0 1 0 12h-2.666c-6.246 0-11.333-5.086-11.333-11.333m46.333 0V49.833A2.35 2.35 0 0 1 68.5 47.5a3 3 0 0 0 0-6 2.333 2.333 0 0 1-2.332-2.333V25.833a8.334 8.334 0 0 0-8.334-8.333v-3a11.334 11.334 0 0 1 11.32 10.772l.014.561v12.704a6 6 0 0 1 0 11.925v12.705a11.334 11.334 0 0 1-10.772 11.32l-.562.013h-2.667a6 6 0 0 1 0-12v3a3 3 0 1 0 0 6h2.667a8.334 8.334 0 0 0 8.334-8.333m-35 2.333a2.35 2.35 0 0 1-2.334-2.333V49.833c0-1.957-.689-3.842-1.931-5.333a8.33 8.33 0 0 0 1.931-5.333V25.833A2.334 2.334 0 0 1 31.17 23.5h2.665a3 3 0 0 0 0-6v-3a6 6 0 0 1 0 12h-2v12.667c0 1.879-.47 3.706-1.337 5.333a11.3 11.3 0 0 1 1.327 4.835l.01.498V62.5h2v3zm26.667-51v3h-2.668v-3zm-24 0v3h-2.666v-3zm26.332 24.667c0 1.959.691 3.845 1.936 5.337a8.3 8.3 0 0 0-1.936 5.329v13.334a2.333 2.333 0 0 1-2.333 2.333h-2.667v-3h2V49.833c0-1.926.486-3.743 1.337-5.332a11.3 11.3 0 0 1-1.337-5.334V26.5h-2a6 6 0 0 1 0-12v3a3 3 0 1 0 0 6h2.667a2.333 2.333 0 0 1 2.333 2.333z"/><path fill="url(#early-datapack-a)" d="M19.835 63.167V50.462a6 6 0 0 1 0-11.925V25.833A11.335 11.335 0 0 1 31.168 14.5v3a8.334 8.334 0 0 0-8.335 8.333v13.334a2.333 2.333 0 0 1-2.332 2.333 3 3 0 1 0 0 6 2.335 2.335 0 0 1 2.332 2.333v13.334c0 4.59 3.744 8.333 8.335 8.333h2.665a3 3 0 0 0 0-6v-3a6 6 0 0 1 0 12h-2.666c-6.246 0-11.333-5.086-11.333-11.333m46.333 0V49.833A2.35 2.35 0 0 1 68.5 47.5a3 3 0 0 0 0-6 2.333 2.333 0 0 1-2.332-2.333V25.833a8.334 8.334 0 0 0-8.334-8.333v-3a11.334 11.334 0 0 1 11.32 10.772l.014.561v12.704a6 6 0 0 1 0 11.925v12.705a11.334 11.334 0 0 1-10.772 11.32l-.562.013h-2.667a6 6 0 0 1 0-12v3a3 3 0 1 0 0 6h2.667a8.334 8.334 0 0 0 8.334-8.333m-35 2.333a2.35 2.35 0 0 1-2.334-2.333V49.833c0-1.957-.689-3.842-1.931-5.333a8.33 8.33 0 0 0 1.931-5.333V25.833A2.334 2.334 0 0 1 31.17 23.5h2.665a3 3 0 0 0 0-6v-3a6 6 0 0 1 0 12h-2v12.667c0 1.879-.47 3.706-1.337 5.333a11.3 11.3 0 0 1 1.327 4.835l.01.498V62.5h2v3zm26.667-51v3h-2.668v-3zm-24 0v3h-2.666v-3zm26.332 24.667c0 1.959.691 3.845 1.936 5.337a8.3 8.3 0 0 0-1.936 5.329v13.334a2.333 2.333 0 0 1-2.333 2.333h-2.667v-3h2V49.833c0-1.926.486-3.743 1.337-5.332a11.3 11.3 0 0 1-1.337-5.334V26.5h-2a6 6 0 0 1 0-12v3a3 3 0 1 0 0 6h2.667a2.333 2.333 0 0 1 2.333 2.333z"/><path fill="url(#early-datapack-b)" d="M68.236 44.493a5.33 5.33 0 0 1-3.823-1.902 3 3 0 0 1-.007 3.836A5.33 5.33 0 0 1 68.5 44.5zM29.34 68.175l.048.016zm-1.559-.896.072.056a5 5 0 0 1-.266-.225zm-.796-.816q.195.248.417.47l-.177-.184a5 5 0 0 1-.24-.286m36.209-17.156-.008.092zm-37.395-.072q-.009-.08-.02-.16.011.08.02.16m-.088-.536-.014-.06zm-.057-.238-.03-.106zm-.296-.83-.024-.052zm-.095-.196-.035-.07zm38.656-.322-.076.13zm-38.767.113-.049-.086zm38.888-.307-.074.117zm-39.03.068-.012-.02zm39.193-.3q-.044.059-.085.118.041-.06.085-.117m.14-.181-.092.115zM24.997 42.03l.022-.036zm.118-.193.036-.065zm.119-.215.03-.06zm.267-.606.013-.036zm.145-.452.01-.039zm37.693-.052.015.052zm-.055-.236.024.105zm-37.58.054.011-.056zm.207-15.39q-.032.181-.051.365l.032-.261q.009-.053.019-.104m34.434-3.812c.383.204.742.456 1.068.75l.191.183.183.192a5.3 5.3 0 0 1-1.442-1.125m-8.178-.629a3 3 0 0 1 3-3h2.666v-3h-2.667v-3h2.667l.356.005A14.333 14.333 0 0 1 72.13 24.79l.02.332.003.075.013.562.002.073v10.448A9 9 0 0 1 77.5 44.5a8.99 8.99 0 0 1-5.332 8.217v10.45a14.334 14.334 0 0 1-13.699 14.318l-.561.014-.074.001h-2.667a9 9 0 0 1-1-17.943v-9.724c0-1.882.368-3.685 1.033-5.335a14.3 14.3 0 0 1-1.033-5.331v-9.725a9 9 0 0 1 1-17.942v3a6 6 0 0 0 0 12h2v12.667c0 1.879.47 3.708 1.337 5.334a11.27 11.27 0 0 0-1.337 5.332V62.5h-2a6 6 0 0 0 0 12h2.667l.562-.014a11.333 11.333 0 0 0 10.772-11.319V50.462a6 6 0 0 0 0-11.925V25.833l-.014-.561A11.334 11.334 0 0 0 57.834 14.5v3a8.34 8.34 0 0 1 4.958 1.635q.495.365.935.805a8.33 8.33 0 0 1 2.44 5.893v13.334a2.333 2.333 0 0 0 2.334 2.333 3 3 0 0 1 0 6 2.35 2.35 0 0 0-2.334 2.333v13.334a8.33 8.33 0 0 1-8.333 8.333h-2.667a3 3 0 0 1 0-6h2.667a2.333 2.333 0 0 0 2.333-2.333V49.833c0-2.024.729-3.883 1.936-5.33a8.33 8.33 0 0 1-1.936-5.336V25.833a2.333 2.333 0 0 0-2.333-2.333h-2.667a3 3 0 0 1-3-3m-21 3a2.334 2.334 0 0 0-2.334 2.333v13.334c0 1.957-.689 3.842-1.931 5.333a8.33 8.33 0 0 1 1.931 5.333v13.334A2.35 2.35 0 0 0 31.17 65.5h2.665v-3h-2V49.833l-.01-.498a11.3 11.3 0 0 0-1.327-4.835 11.3 11.3 0 0 0 1.337-5.333V26.5h2a6 6 0 0 0 0-12v3a3 3 0 0 1 0 6zm-3.771-1.439-.048.051.048-.05.191-.182zM20.502 44.5c1.414 0 2.77.562 3.77 1.563h.002q.168.169.32.35a3 3 0 0 1 0-3.827 5 5 0 0 1-.32.352h-.001c-1 1-2.357 1.562-3.771 1.562m-.667-5.963a6 6 0 0 0 0 11.925v12.705a11.26 11.26 0 0 0 1.37 5.397 11.4 11.4 0 0 0 2.76 3.344 11.28 11.28 0 0 0 7.204 2.592h2.665a6 6 0 0 0 0-12v3a3 3 0 0 1 0 6h-2.666c-4.303 0-7.862-3.29-8.29-7.483a8 8 0 0 1-.044-.85V49.833a2.333 2.333 0 0 0-2.332-2.333 3 3 0 1 1 0-6 2.335 2.335 0 0 0 2.332-2.333V25.833a8.32 8.32 0 0 1 1.636-4.958 8.33 8.33 0 0 1 5.875-3.334q.409-.04.824-.041v-3a11.3 11.3 0 0 0-4.842 1.087 11.32 11.32 0 0 0-6.493 10.246zm23-18.037c0 4.633-3.5 8.445-8 8.942v9.725a14.3 14.3 0 0 1-1.035 5.331c.548 1.363.89 2.812.997 4.3l.024.405.002.067.01.499.002.064v9.724a9 9 0 0 1-1 17.943h-2.666c-7.904 0-14.334-6.429-14.335-14.333v-10.45a8.99 8.99 0 0 1-5.332-8.217 9 9 0 0 1 5.332-8.219V25.833c0-3.802 1.513-7.448 4.2-10.135l.255-.249a14.33 14.33 0 0 1 9.88-3.949v6h2.665v-3h-2.666v-3h2.666a9 9 0 0 1 9 9m20.333 18.667.004.234.001.028a5 5 0 0 1-.006-.262"/><path fill="#000" d="M22.835 63.167V49.833A2.333 2.333 0 0 0 20.5 47.5a3 3 0 1 1 0-6 2.335 2.335 0 0 0 2.333-2.333V25.833A8.335 8.335 0 0 1 31.17 17.5h2.665a3 3 0 0 1 0 6h-2.666a2.334 2.334 0 0 0-2.334 2.333v13.334c0 1.957-.689 3.842-1.931 5.333a8.33 8.33 0 0 1 1.931 5.333v13.334A2.35 2.35 0 0 0 31.17 65.5h2.665a3 3 0 0 1 0 6h-2.666c-4.59 0-8.333-3.743-8.333-8.333m37.332 0V49.833c0-2.024.729-3.883 1.936-5.33a8.33 8.33 0 0 1-1.936-5.336V25.833a2.333 2.333 0 0 0-2.333-2.333h-2.667a3 3 0 1 1 0-6h2.667a8.334 8.334 0 0 1 8.334 8.333v13.334A2.333 2.333 0 0 0 68.5 41.5a3 3 0 0 1 0 6 2.35 2.35 0 0 0-2.332 2.333v13.334a8.334 8.334 0 0 1-8.334 8.333h-2.667a3 3 0 0 1 0-6h2.667a2.333 2.333 0 0 0 2.333-2.333"/><path fill="url(#early-datapack-c)" d="M22.835 63.167V49.833A2.333 2.333 0 0 0 20.5 47.5a3 3 0 1 1 0-6 2.335 2.335 0 0 0 2.333-2.333V25.833A8.335 8.335 0 0 1 31.17 17.5h2.665a3 3 0 0 1 0 6h-2.666a2.334 2.334 0 0 0-2.334 2.333v13.334c0 1.957-.689 3.842-1.931 5.333a8.33 8.33 0 0 1 1.931 5.333v13.334A2.35 2.35 0 0 0 31.17 65.5h2.665a3 3 0 0 1 0 6h-2.666c-4.59 0-8.333-3.743-8.333-8.333m37.332 0V49.833c0-2.024.729-3.883 1.936-5.33a8.33 8.33 0 0 1-1.936-5.336V25.833a2.333 2.333 0 0 0-2.333-2.333h-2.667a3 3 0 1 1 0-6h2.667a8.334 8.334 0 0 1 8.334 8.333v13.334A2.333 2.333 0 0 0 68.5 41.5a3 3 0 0 1 0 6 2.35 2.35 0 0 0-2.332 2.333v13.334a8.334 8.334 0 0 1-8.334 8.333h-2.667a3 3 0 0 1 0-6h2.667a2.333 2.333 0 0 0 2.333-2.333"/><path fill="url(#early-datapack-d)" d="M22.835 63.167V49.833A2.333 2.333 0 0 0 20.5 47.5a3 3 0 1 1 0-6 2.335 2.335 0 0 0 2.333-2.333V25.833A8.335 8.335 0 0 1 31.17 17.5h2.665a3 3 0 0 1 0 6h-2.666a2.334 2.334 0 0 0-2.334 2.333v13.334c0 1.957-.689 3.842-1.931 5.333a8.33 8.33 0 0 1 1.931 5.333v13.334A2.35 2.35 0 0 0 31.17 65.5h2.665a3 3 0 0 1 0 6h-2.666c-4.59 0-8.333-3.743-8.333-8.333m37.332 0V49.833c0-2.024.729-3.883 1.936-5.33a8.33 8.33 0 0 1-1.936-5.336V25.833a2.333 2.333 0 0 0-2.333-2.333h-2.667a3 3 0 1 1 0-6h2.667a8.334 8.334 0 0 1 8.334 8.333v13.334A2.333 2.333 0 0 0 68.5 41.5a3 3 0 0 1 0 6 2.35 2.35 0 0 0-2.332 2.333v13.334a8.334 8.334 0 0 1-8.334 8.333h-2.667a3 3 0 0 1 0-6h2.667a2.333 2.333 0 0 0 2.333-2.333"/><defs><linearGradient id="early-datapack-a" x1="26.804" x2="74.857" y1="5.665" y2="78.386" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-datapack-b" x1="25.034" x2="77.892" y1="1.781" y2="81.775" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-datapack-c" x1="28.574" x2="71.821" y1="9.548" y2="74.998" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-datapack-d" x1="28.574" x2="71.821" y1="9.548" y2="74.998" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-hosting.svg b/packages/assets/icons/badges/early-hosting.svg
new file mode 100644
index 000000000..bec8fe83a
--- /dev/null
+++ b/packages/assets/icons/badges/early-hosting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#71b1f5" fill-rule="evenodd" d="M65 10c7.49 0 13.607 5.881 13.982 13.281l.003.075.015.567.001.077v10c0 3.918-1.61 7.459-4.204 10a13.96 13.96 0 0 1 4.188 9.356l.015.567.001.077v10c0 7.732-6.269 14.001-14.001 14.001H24.999c-7.733 0-14-6.27-14-14.001V54c0-3.918 1.61-7.459 4.203-10A13.96 13.96 0 0 1 11 34V24c0-7.732 6.268-14 14-14z" clip-rule="evenodd"/><path fill="url(#early-hosting-a)" fill-rule="evenodd" d="M65 10c7.49 0 13.607 5.881 13.982 13.281l.003.075.015.567.001.077v10c0 3.918-1.61 7.459-4.204 10a13.96 13.96 0 0 1 4.188 9.356l.015.567.001.077v10c0 7.732-6.269 14.001-14.001 14.001H24.999c-7.733 0-14-6.27-14-14.001V54c0-3.918 1.61-7.459 4.203-10A13.96 13.96 0 0 1 11 34V24c0-7.732 6.268-14 14-14z" clip-rule="evenodd"/><path fill="#23258c" fill-rule="evenodd" d="M65 13c5.885 0 10.691 4.621 10.986 10.434l.015.566v10c0 4.438-2.63 8.26-6.416 9.999 3.624 1.664 6.188 5.239 6.401 9.435l.015.566v10c0 6.075-4.926 11.001-11.001 11.001H24.999c-6.075 0-11-4.926-11-11.001V54c0-4.44 2.63-8.262 6.417-10-3.786-1.739-6.417-5.561-6.417-10V24c0-6.075 4.925-11 11-11zM34.496 55a5.98 5.98 0 0 1 1.53 4c0 1.538-.58 2.94-1.53 4.001H64V55zM30 56a3 3 0 1 0 0 6h.026a3 3 0 0 0 0-6zm4.496-31a5.98 5.98 0 0 1 1.53 4c0 1.538-.58 2.94-1.53 4.001H64V25zM30 26a3 3 0 1 0 0 6h.026a3 3 0 0 0 0-6z" clip-rule="evenodd"/><path fill="url(#early-hosting-b)" fill-rule="evenodd" d="M65 13c5.885 0 10.691 4.621 10.986 10.434l.015.566v10c0 4.438-2.63 8.26-6.416 9.999 3.624 1.664 6.188 5.239 6.401 9.435l.015.566v10c0 6.075-4.926 11.001-11.001 11.001H24.999c-6.075 0-11-4.926-11-11.001V54c0-4.44 2.63-8.262 6.417-10-3.786-1.739-6.417-5.561-6.417-10V24c0-6.075 4.925-11 11-11zM34.496 55a5.98 5.98 0 0 1 1.53 4c0 1.538-.58 2.94-1.53 4.001H64V55zM30 56a3 3 0 1 0 0 6h.026a3 3 0 0 0 0-6zm4.496-31a5.98 5.98 0 0 1 1.53 4c0 1.538-.58 2.94-1.53 4.001H64V25zM30 26a3 3 0 1 0 0 6h.026a3 3 0 0 0 0-6z" clip-rule="evenodd"/><path fill="#3b89f4" d="M67.001 24A2 2 0 0 0 65 22H24.999a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2.001H65A2 2 0 0 0 67.001 34zm6 10A8 8 0 0 1 65 42.001H24.999a8 8 0 0 1-8-8.001V24a8 8 0 0 1 8-8H65a8 8 0 0 1 8.001 8z"/><path fill="url(#early-hosting-c)" d="M67.001 24A2 2 0 0 0 65 22H24.999a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2.001H65A2 2 0 0 0 67.001 34zm6 10A8 8 0 0 1 65 42.001H24.999a8 8 0 0 1-8-8.001V24a8 8 0 0 1 8-8H65a8 8 0 0 1 8.001 8z"/><path fill="#3b89f4" d="M67.001 54A2 2 0 0 0 65 52H24.999a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2.001H65A2 2 0 0 0 67.001 64zm6 10A8 8 0 0 1 65 72.001H24.999a8 8 0 0 1-8-8.001V54a8 8 0 0 1 8-8H65a8 8 0 0 1 8.001 8z"/><path fill="url(#early-hosting-d)" d="M67.001 54A2 2 0 0 0 65 52H24.999a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2.001H65A2 2 0 0 0 67.001 64zm6 10A8 8 0 0 1 65 72.001H24.999a8 8 0 0 1-8-8.001V54a8 8 0 0 1 8-8H65a8 8 0 0 1 8.001 8z"/><path fill="#3b89f4" d="M30.026 26a3 3 0 0 1 0 6H30a3 3 0 0 1 0-6z"/><path fill="url(#early-hosting-e)" d="M30.026 26a3 3 0 0 1 0 6H30a3 3 0 0 1 0-6z"/><path fill="#3b89f4" d="M30.026 56a3 3 0 0 1 0 6H30a3 3 0 0 1 0-6z"/><path fill="url(#early-hosting-f)" d="M30.026 56a3 3 0 0 1 0 6H30a3 3 0 0 1 0-6z"/><defs><linearGradient id="early-hosting-a" x1="24.943" x2="79.403" y1="-.014" y2="82.407" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-hosting-b" x1="26.712" x2="76.367" y1="3.87" y2="79.018" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-hosting-c" x1="28.482" x2="73.332" y1="7.754" y2="75.629" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-hosting-d" x1="28.482" x2="73.332" y1="7.754" y2="75.629" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-hosting-e" x1="28.482" x2="73.332" y1="7.754" y2="75.629" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-hosting-f" x1="28.482" x2="73.332" y1="7.754" y2="75.629" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-modpack.svg b/packages/assets/icons/badges/early-modpack.svg
new file mode 100644
index 000000000..9b337d6bb
--- /dev/null
+++ b/packages/assets/icons/badges/early-modpack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#fa4c4c" d="M74.113 31.167a8.15 8.15 0 0 0-4.137-7.09l-.007-.005-11.2-6.294-.006-.003-.21-.113a7.45 7.45 0 0 0-7.064.113l-.009.005-6.963 3.924-6.996-3.95a7.37 7.37 0 0 0-7.312.01l-11.184 6.31-.002.002a8.15 8.15 0 0 0-3.027 11.197 8.2 8.2 0 0 0 1.527 1.894 8.15 8.15 0 0 0-1.527 10.106 8.15 8.15 0 0 0 3.027 2.986h.002l1.14.644v8.581a8.49 8.49 0 0 0 4.577 7.545l.013.007 16 8.213a8.14 8.14 0 0 0 3.427.901 3 3 0 0 0 .634 0 8.14 8.14 0 0 0 3.426-.901v.001l16-8.214.013-.007a8.5 8.5 0 0 0 4.573-7.254l.004-.29v-8.583l1.14-.641.004-.002a8.15 8.15 0 0 0 3.027-11.196 8.2 8.2 0 0 0-1.527-1.896 8.149 8.149 0 0 0 2.637-6m-8.43 38.501-.008.004.011-.006.002-.001zM30.16 56.546a7.42 7.42 0 0 0 7.345 0l3.994-2.25v14.59l-13.99-7.18a2.49 2.49 0 0 1-1.343-2.216v-5.199zm32.673 2.944a2.5 2.5 0 0 1-1.344 2.215l-13.99 7.182v-14.59l4.008 2.257a7.36 7.36 0 0 0 7.29 0h.001l4.035-2.272zM38.5 59.413a10.4 10.4 0 0 1-4.329 1.102l-.338.005c-.96 0-1.91-.134-2.826-.392l7.492 3.846zm12 4.56 7.518-3.859c-.927.267-1.89.407-2.865.407-1.62 0-3.213-.382-4.654-1.106zM38.385 49.165l-3.839 2.163-.014.008a1.42 1.42 0 0 1-1.4 0l-.011-.007-11.148-6.293a2.15 2.15 0 0 1-.796-2.95c.191-.326.466-.597.795-.784l1.225-.69zm28.637-7.866a2.15 2.15 0 0 1 .798 2.951c-.19.327-.465.597-.794.784l-11.173 6.294-.023.013a1.36 1.36 0 0 1-1.357 0l-.022-.013-3.84-2.163 15.19-8.555zm-7.327-4.136L44.5 45.722l-15.19-8.557 15.206-8.572zm-24.276.001 9.08 5.114 9.087-5.119-9.072-5.12zM33.873 22.79c.239 0 .474.063.682.182l.017.009 3.839 2.166-15.214 8.577-1.226-.69a2.148 2.148 0 0 1 .005-3.734v-.001l11.198-6.317.016-.01c.208-.12.443-.182.683-.182m21.254.04c.245 0 .486.062.702.18l11.2 6.294a2.15 2.15 0 0 1 .792 2.946c-.19.327-.465.597-.793.784l-1.223.689-15.182-8.57 3.803-2.144c.215-.118.456-.18.7-.18m21.986 8.338a11.15 11.15 0 0 1-1.753 5.999 11.13 11.13 0 0 1 1.747 5.632l.006.369c0 1.973-.523 3.912-1.518 5.617a11.15 11.15 0 0 1-3.763 3.86v6.891l-.004.291-.002.049a11.5 11.5 0 0 1-6.164 9.804l.013-.007-.005.003-.057.03-16 8.214-.024.01a11.1 11.1 0 0 1-4.607 1.216q-.223.021-.483.023-.259-.002-.486-.023a11.1 11.1 0 0 1-4.628-1.228l-15.967-8.195.006.003-.066-.034a11.5 11.5 0 0 1-6.192-10.21v-6.838a11.15 11.15 0 0 1-3.762-3.859 11.15 11.15 0 0 1 .235-11.618q-.121-.188-.235-.382A11.15 11.15 0 0 1 17.5 21.492l.051-.031 11.176-6.305a10.4 10.4 0 0 1 5.146-1.367l.337.006c1.683.055 3.33.518 4.795 1.353l5.513 3.112 5.505-3.102.009-.005a10.46 10.46 0 0 1 5.095-1.326l.313.005c1.566.047 3.102.446 4.492 1.166q.023.011.046.024l.21.113h-.001l.052.028 11.2 6.294.014.008.318.187a11.15 11.15 0 0 1 5.342 9.515"/><path fill="url(#early-modpack-a)" d="M74.113 31.167a8.15 8.15 0 0 0-4.137-7.09l-.007-.005-11.2-6.294-.006-.003-.21-.113a7.45 7.45 0 0 0-7.064.113l-.009.005-6.963 3.924-6.996-3.95a7.37 7.37 0 0 0-7.312.01l-11.184 6.31-.002.002a8.15 8.15 0 0 0-3.027 11.197 8.2 8.2 0 0 0 1.527 1.894 8.15 8.15 0 0 0-1.527 10.106 8.15 8.15 0 0 0 3.027 2.986h.002l1.14.644v8.581a8.49 8.49 0 0 0 4.577 7.545l.013.007 16 8.213a8.14 8.14 0 0 0 3.427.901 3 3 0 0 0 .634 0 8.14 8.14 0 0 0 3.426-.901v.001l16-8.214.013-.007a8.5 8.5 0 0 0 4.573-7.254l.004-.29v-8.583l1.14-.641.004-.002a8.15 8.15 0 0 0 3.027-11.196 8.2 8.2 0 0 0-1.527-1.896 8.149 8.149 0 0 0 2.637-6m-8.43 38.501-.008.004.011-.006.002-.001zM30.16 56.546a7.42 7.42 0 0 0 7.345 0l3.994-2.25v14.59l-13.99-7.18a2.49 2.49 0 0 1-1.343-2.216v-5.199zm32.673 2.944a2.5 2.5 0 0 1-1.344 2.215l-13.99 7.182v-14.59l4.008 2.257a7.36 7.36 0 0 0 7.29 0h.001l4.035-2.272zM38.5 59.413a10.4 10.4 0 0 1-4.329 1.102l-.338.005c-.96 0-1.91-.134-2.826-.392l7.492 3.846zm12 4.56 7.518-3.859c-.927.267-1.89.407-2.865.407-1.62 0-3.213-.382-4.654-1.106zM38.385 49.165l-3.839 2.163-.014.008a1.42 1.42 0 0 1-1.4 0l-.011-.007-11.148-6.293a2.15 2.15 0 0 1-.796-2.95c.191-.326.466-.597.795-.784l1.225-.69zm28.637-7.866a2.15 2.15 0 0 1 .798 2.951c-.19.327-.465.597-.794.784l-11.173 6.294-.023.013a1.36 1.36 0 0 1-1.357 0l-.022-.013-3.84-2.163 15.19-8.555zm-7.327-4.136L44.5 45.722l-15.19-8.557 15.206-8.572zm-24.276.001 9.08 5.114 9.087-5.119-9.072-5.12zM33.873 22.79c.239 0 .474.063.682.182l.017.009 3.839 2.166-15.214 8.577-1.226-.69a2.148 2.148 0 0 1 .005-3.734v-.001l11.198-6.317.016-.01c.208-.12.443-.182.683-.182m21.254.04c.245 0 .486.062.702.18l11.2 6.294a2.15 2.15 0 0 1 .792 2.946c-.19.327-.465.597-.793.784l-1.223.689-15.182-8.57 3.803-2.144c.215-.118.456-.18.7-.18m21.986 8.338a11.15 11.15 0 0 1-1.753 5.999 11.13 11.13 0 0 1 1.747 5.632l.006.369c0 1.973-.523 3.912-1.518 5.617a11.15 11.15 0 0 1-3.763 3.86v6.891l-.004.291-.002.049a11.5 11.5 0 0 1-6.164 9.804l.013-.007-.005.003-.057.03-16 8.214-.024.01a11.1 11.1 0 0 1-4.607 1.216q-.223.021-.483.023-.259-.002-.486-.023a11.1 11.1 0 0 1-4.628-1.228l-15.967-8.195.006.003-.066-.034a11.5 11.5 0 0 1-6.192-10.21v-6.838a11.15 11.15 0 0 1-3.762-3.859 11.15 11.15 0 0 1 .235-11.618q-.121-.188-.235-.382A11.15 11.15 0 0 1 17.5 21.492l.051-.031 11.176-6.305a10.4 10.4 0 0 1 5.146-1.367l.337.006c1.683.055 3.33.518 4.795 1.353l5.513 3.112 5.505-3.102.009-.005a10.46 10.46 0 0 1 5.095-1.326l.313.005c1.566.047 3.102.446 4.492 1.166q.023.011.046.024l.21.113h-.001l.052.028 11.2 6.294.014.008.318.187a11.15 11.15 0 0 1 5.342 9.515"/><path fill="#9d2f2f" fill-rule="evenodd" d="M76.625 27.906a11.15 11.15 0 0 1-1.266 9.26 11.13 11.13 0 0 1 1.747 5.632l.006.369a11 11 0 0 1-.385 2.91 11.2 11.2 0 0 1-1.132 2.707 11.15 11.15 0 0 1-3.763 3.86v6.891l-.005.291v.03l-.002.019q-.006.185-.018.368a11.49 11.49 0 0 1-6.137 9.432l-.058.03-16 8.214-.012.005-.011.006a11.1 11.1 0 0 1-4.608 1.215q-.223.021-.482.023-.26-.002-.486-.023a11.1 11.1 0 0 1-4.628-1.228l-15.961-8.192-.067-.034a11.5 11.5 0 0 1-3.107-2.362 11.5 11.5 0 0 1-2.76-5.126 11.5 11.5 0 0 1-.325-2.722v-6.838a11.15 11.15 0 0 1-4.893-6.567 11.15 11.15 0 0 1 1.367-8.91q-.121-.188-.236-.382a11.15 11.15 0 0 1-1.511-5.986 11.15 11.15 0 0 1 1.511-5.247 11.15 11.15 0 0 1 4.148-4.09l11.176-6.305a10.4 10.4 0 0 1 5.145-1.367l.337.006c1.683.055 3.329.519 4.795 1.353l5.514 3.112 5.505-3.102.008-.005a10.46 10.46 0 0 1 5.095-1.326l.314.005a10.45 10.45 0 0 1 4.51 1.175l.027.014.21.115.051.027 11.2 6.294.014.008.319.187a11.15 11.15 0 0 1 4.854 6.254m-25.806 52.76.016-.008zm16.53-32.371a3 3 0 0 0-1.517 2.607v3.38a3 3 0 0 0-4.44-2.632zM45.936 71.447a3 3 0 0 0 2.917.117l-1.948 1-.017.008-.025.012a5.14 5.14 0 0 1-2.164.568l-.203.015a3 3 0 0 0-.197-.015 5.14 5.14 0 0 1-2.164-.567l-.009-.005-1.996-1.024a3 3 0 0 0 4.37-2.67 3 3 0 0 0 1.436 2.561M22.27 72.493l.04.017-.015-.006-.043-.018zc.004.001-.003-.001 0 0m44.854-.194.042-.025-.016.01zM26.526 60.786a2.5 2.5 0 0 1-.361-1.296v-5.199l3.994 2.255a7.42 7.42 0 0 0 7.346 0l3.994-2.25v14.59l-13.99-7.18a2.5 2.5 0 0 1-.983-.92m28.626-3.266a7.36 7.36 0 0 0 3.646-.965l4.034-2.273v5.208a2.49 2.49 0 0 1-1.344 2.215L47.5 68.887v-14.59l4.008 2.257a7.36 7.36 0 0 0 3.645.966m-29.355 6.663.026.014zm5.21-4.055 7.492 3.846v-4.56a10.4 10.4 0 0 1-4.667 1.106c-.96 0-1.91-.134-2.825-.392m24.145.392c-1.62 0-3.212-.38-4.653-1.105v4.559l7.519-3.86c-.928.267-1.891.407-2.866.407m10.675-.822q-.001.031-.004.063l.005-.133zM41.386 49.164a3 3 0 0 0-1.506-2.6l3.146 1.772a3 3 0 0 0 2.946 0l3.12-1.759a3 3 0 0 0 .022 5.187l-.143-.081a3 3 0 0 0-4.472 2.614 3 3 0 0 0-4.472-2.614l-.886.499.717-.405a3 3 0 0 0 1.528-2.613m-20.208-7.078c.19-.327.465-.598.795-.785l1.224-.69 15.189 8.553-3.84 2.163-.014.008a1.42 1.42 0 0 1-1.4 0l-.01-.007-11.148-6.293a2.15 2.15 0 0 1-.796-2.95m33.273 9.241-3.84-2.163 15.19-8.555 1.221.689a2.15 2.15 0 0 1 .798 2.951c-.19.327-.465.597-.794.784l-11.172 6.294-.023.013a1.36 1.36 0 0 1-1.357 0zM44.5 45.722l-15.19-8.557 15.207-8.572 15.18 8.57zM17.977 42.21a5 5 0 0 0-.046.278zm53.045.004q-.014-.075-.032-.151.012.045.022.09zM24.67 36.336l3.161-1.782a3 3 0 0 0 .005 5.225l2.491 1.404-5.658-3.187a3 3 0 0 0-2.945.001l-1.233.695a5 5 0 0 0-.94.685 3 3 0 0 0-.012-4.433l-.013-.012a5.1 5.1 0 0 0 .961.709l.013.007 1.226.689a3 3 0 0 0 2.944-.001m38.025.827a3 3 0 0 0-1.522-2.611l3.157 1.782a3 3 0 0 0 2.946.002l1.223-.688.012-.007a5 5 0 0 0 .948-.697l-.013.013a3 3 0 0 0 0 4.42q.015.015.032.031a5.2 5.2 0 0 0-.983-.723l-1.222-.689a3 3 0 0 0-2.945 0l-3.132 1.762a3 3 0 0 0 1.5-2.595M33.19 22.971a1.38 1.38 0 0 1 1.365 0l.016.009 3.84 2.166-15.215 8.577-1.225-.69a2.148 2.148 0 0 1 .004-3.735l11.199-6.317zm-15.212 7.235a5 5 0 0 0-.047.282zm53.043.004a6 6 0 0 0-.053-.243l.013.053q.017.067.03.133zm-29.61-5.062a3 3 0 0 0-1.522-2.612l3.153 1.78a3 3 0 0 0 2.947.001l6.948-3.915.016-.008-3.804 2.144a3 3 0 0 0-.026 5.211l-3.133-1.768a3 3 0 0 0-2.774-.092l-.174.09-3.158 1.78a3 3 0 0 0 1.526-2.611m27.088 1.54-11.197-6.291.036.019zm-11.347-6.373.095.052-.147-.077zm-2.299-.48h-.011zM24.653 51.7a3 3 0 0 0-1.488 2.591v-3.388a3 3 0 0 0-1.499-2.597l9.968 5.628-3.994-2.255a3 3 0 0 0-2.988.021M67.82 30.086a2.147 2.147 0 0 1-.793 2.947l-1.222.689-15.183-8.57 3.804-2.144a1.45 1.45 0 0 1 1.402.002l11.201 6.293c.328.187.601.457.791.783m6.181 2.422a8.2 8.2 0 0 0-.048-2.945 8.14 8.14 0 0 0-3.984-5.49l-11.206-6.298-.21-.113a7.45 7.45 0 0 0-7.065.113l-.008.005-6.963 3.924-6.997-3.95a7.37 7.37 0 0 0-7.312.01l-11.185 6.312a8.147 8.147 0 0 0-3.028 11.197c.413.707.93 1.344 1.528 1.894a8.146 8.146 0 0 0 1.501 13.093l1.141.643v8.581a8.6 8.6 0 0 0 .122 1.446 8.5 8.5 0 0 0 4.454 6.1l.014.006 16 8.213a8.14 8.14 0 0 0 3.427.901 3 3 0 0 0 .633 0 8.15 8.15 0 0 0 3.427-.9l16-8.214.013-.007a8.5 8.5 0 0 0 4.572-7.254l.005-.29v-8.583l1.144-.643a8.15 8.15 0 0 0 3.027-11.196 8.2 8.2 0 0 0-1.527-1.896A8.15 8.15 0 0 0 74 32.507m-12.7-20.18-.01-.004a13.46 13.46 0 0 0-5.762-1.491l-.043-.001-.313-.005h-.047c-2.295 0-4.559.593-6.56 1.71l-.016.008-4.031 2.27-3.98-2.245-.023-.013q-.012-.01-.027-.017a13.4 13.4 0 0 0-6.182-1.743l-.046-.002-.337-.006h-.052c-2.323 0-4.604.606-6.62 1.754l-11.175 6.305-.134.079a14.15 14.15 0 0 0-5.131 5.112 14.15 14.15 0 0 0-.59 13.128 14.15 14.15 0 0 0 .59 13.129 14.1 14.1 0 0 0 3.353 3.892v5.29a14.49 14.49 0 0 0 7.85 12.897l.032.016 15.962 8.192a14.1 14.1 0 0 0 5.79 1.555c.189.015.43.03.7.03.272 0 .512-.016.694-.03a14.1 14.1 0 0 0 5.716-1.516l-.011.006.011-.006c.02-.01.05-.022.073-.034l16.001-8.217.012-.005.013-.006.061-.032.044-.023.011-.006.06-.033.011-.007a14.5 14.5 0 0 0 5.536-5.25l.236-.403a14.5 14.5 0 0 0 1.857-6.626v-.028l.001-.02.002-.055.005-.291v-5.398a14.13 14.13 0 0 0 5.28-11.021v-.048l-.006-.369v-.032l-.001-.02a14.15 14.15 0 0 0-1.329-5.532 14.15 14.15 0 0 0-.59-13.127 14.15 14.15 0 0 0-4.853-4.948l-.04-.024-.318-.187-.048-.027-.019-.011-11.2-6.294-.048-.025-.021-.013-.027-.016-.21-.113-.065-.034z" clip-rule="evenodd"/><path fill="url(#early-modpack-b)" fill-rule="evenodd" d="M76.625 27.906a11.15 11.15 0 0 1-1.266 9.26 11.13 11.13 0 0 1 1.747 5.632l.006.369a11 11 0 0 1-.385 2.91 11.2 11.2 0 0 1-1.132 2.707 11.15 11.15 0 0 1-3.763 3.86v6.891l-.005.291v.03l-.002.019q-.006.185-.018.368a11.49 11.49 0 0 1-6.137 9.432l-.058.03-16 8.214-.012.005-.011.006a11.1 11.1 0 0 1-4.608 1.215q-.223.021-.482.023-.26-.002-.486-.023a11.1 11.1 0 0 1-4.628-1.228l-15.961-8.192-.067-.034a11.5 11.5 0 0 1-3.107-2.362 11.5 11.5 0 0 1-2.76-5.126 11.5 11.5 0 0 1-.325-2.722v-6.838a11.15 11.15 0 0 1-4.893-6.567 11.15 11.15 0 0 1 1.367-8.91q-.121-.188-.236-.382a11.15 11.15 0 0 1-1.511-5.986 11.15 11.15 0 0 1 1.511-5.247 11.15 11.15 0 0 1 4.148-4.09l11.176-6.305a10.4 10.4 0 0 1 5.145-1.367l.337.006c1.683.055 3.329.519 4.795 1.353l5.514 3.112 5.505-3.102.008-.005a10.46 10.46 0 0 1 5.095-1.326l.314.005a10.45 10.45 0 0 1 4.51 1.175l.027.014.21.115.051.027 11.2 6.294.014.008.319.187a11.15 11.15 0 0 1 4.854 6.254m-25.806 52.76.016-.008zm16.53-32.371a3 3 0 0 0-1.517 2.607v3.38a3 3 0 0 0-4.44-2.632zM45.936 71.447a3 3 0 0 0 2.917.117l-1.948 1-.017.008-.025.012a5.14 5.14 0 0 1-2.164.568l-.203.015a3 3 0 0 0-.197-.015 5.14 5.14 0 0 1-2.164-.567l-.009-.005-1.996-1.024a3 3 0 0 0 4.37-2.67 3 3 0 0 0 1.436 2.561M22.27 72.493l.04.017-.015-.006-.043-.018zc.004.001-.003-.001 0 0m44.854-.194.042-.025-.016.01zM26.526 60.786a2.5 2.5 0 0 1-.361-1.296v-5.199l3.994 2.255a7.42 7.42 0 0 0 7.346 0l3.994-2.25v14.59l-13.99-7.18a2.5 2.5 0 0 1-.983-.92m28.626-3.266a7.36 7.36 0 0 0 3.646-.965l4.034-2.273v5.208a2.49 2.49 0 0 1-1.344 2.215L47.5 68.887v-14.59l4.008 2.257a7.36 7.36 0 0 0 3.645.966m-29.355 6.663.026.014zm5.21-4.055 7.492 3.846v-4.56a10.4 10.4 0 0 1-4.667 1.106c-.96 0-1.91-.134-2.825-.392m24.145.392c-1.62 0-3.212-.38-4.653-1.105v4.559l7.519-3.86c-.928.267-1.891.407-2.866.407m10.675-.822q-.001.031-.004.063l.005-.133zM41.386 49.164a3 3 0 0 0-1.506-2.6l3.146 1.772a3 3 0 0 0 2.946 0l3.12-1.759a3 3 0 0 0 .022 5.187l-.143-.081a3 3 0 0 0-4.472 2.614 3 3 0 0 0-4.472-2.614l-.886.499.717-.405a3 3 0 0 0 1.528-2.613m-20.208-7.078c.19-.327.465-.598.795-.785l1.224-.69 15.189 8.553-3.84 2.163-.014.008a1.42 1.42 0 0 1-1.4 0l-.01-.007-11.148-6.293a2.15 2.15 0 0 1-.796-2.95m33.273 9.241-3.84-2.163 15.19-8.555 1.221.689a2.15 2.15 0 0 1 .798 2.951c-.19.327-.465.597-.794.784l-11.172 6.294-.023.013a1.36 1.36 0 0 1-1.357 0zM44.5 45.722l-15.19-8.557 15.207-8.572 15.18 8.57zM17.977 42.21a5 5 0 0 0-.046.278zm53.045.004q-.014-.075-.032-.151.012.045.022.09zM24.67 36.336l3.161-1.782a3 3 0 0 0 .005 5.225l2.491 1.404-5.658-3.187a3 3 0 0 0-2.945.001l-1.233.695a5 5 0 0 0-.94.685 3 3 0 0 0-.012-4.433l-.013-.012a5.1 5.1 0 0 0 .961.709l.013.007 1.226.689a3 3 0 0 0 2.944-.001m38.025.827a3 3 0 0 0-1.522-2.611l3.157 1.782a3 3 0 0 0 2.946.002l1.223-.688.012-.007a5 5 0 0 0 .948-.697l-.013.013a3 3 0 0 0 0 4.42q.015.015.032.031a5.2 5.2 0 0 0-.983-.723l-1.222-.689a3 3 0 0 0-2.945 0l-3.132 1.762a3 3 0 0 0 1.5-2.595M33.19 22.971a1.38 1.38 0 0 1 1.365 0l.016.009 3.84 2.166-15.215 8.577-1.225-.69a2.148 2.148 0 0 1 .004-3.735l11.199-6.317zm-15.212 7.235a5 5 0 0 0-.047.282zm53.043.004a6 6 0 0 0-.053-.243l.013.053q.017.067.03.133zm-29.61-5.062a3 3 0 0 0-1.522-2.612l3.153 1.78a3 3 0 0 0 2.947.001l6.948-3.915.016-.008-3.804 2.144a3 3 0 0 0-.026 5.211l-3.133-1.768a3 3 0 0 0-2.774-.092l-.174.09-3.158 1.78a3 3 0 0 0 1.526-2.611m27.088 1.54-11.197-6.291.036.019zm-11.347-6.373.095.052-.147-.077zm-2.299-.48h-.011zM24.653 51.7a3 3 0 0 0-1.488 2.591v-3.388a3 3 0 0 0-1.499-2.597l9.968 5.628-3.994-2.255a3 3 0 0 0-2.988.021M67.82 30.086a2.147 2.147 0 0 1-.793 2.947l-1.222.689-15.183-8.57 3.804-2.144a1.45 1.45 0 0 1 1.402.002l11.201 6.293c.328.187.601.457.791.783m6.181 2.422a8.2 8.2 0 0 0-.048-2.945 8.14 8.14 0 0 0-3.984-5.49l-11.206-6.298-.21-.113a7.45 7.45 0 0 0-7.065.113l-.008.005-6.963 3.924-6.997-3.95a7.37 7.37 0 0 0-7.312.01l-11.185 6.312a8.147 8.147 0 0 0-3.028 11.197c.413.707.93 1.344 1.528 1.894a8.146 8.146 0 0 0 1.501 13.093l1.141.643v8.581a8.6 8.6 0 0 0 .122 1.446 8.5 8.5 0 0 0 4.454 6.1l.014.006 16 8.213a8.14 8.14 0 0 0 3.427.901 3 3 0 0 0 .633 0 8.15 8.15 0 0 0 3.427-.9l16-8.214.013-.007a8.5 8.5 0 0 0 4.572-7.254l.005-.29v-8.583l1.144-.643a8.15 8.15 0 0 0 3.027-11.196 8.2 8.2 0 0 0-1.527-1.896A8.15 8.15 0 0 0 74 32.507m-12.7-20.18-.01-.004a13.46 13.46 0 0 0-5.762-1.491l-.043-.001-.313-.005h-.047c-2.295 0-4.559.593-6.56 1.71l-.016.008-4.031 2.27-3.98-2.245-.023-.013q-.012-.01-.027-.017a13.4 13.4 0 0 0-6.182-1.743l-.046-.002-.337-.006h-.052c-2.323 0-4.604.606-6.62 1.754l-11.175 6.305-.134.079a14.15 14.15 0 0 0-5.131 5.112 14.15 14.15 0 0 0-.59 13.128 14.15 14.15 0 0 0 .59 13.129 14.1 14.1 0 0 0 3.353 3.892v5.29a14.49 14.49 0 0 0 7.85 12.897l.032.016 15.962 8.192a14.1 14.1 0 0 0 5.79 1.555c.189.015.43.03.7.03.272 0 .512-.016.694-.03a14.1 14.1 0 0 0 5.716-1.516l-.011.006.011-.006c.02-.01.05-.022.073-.034l16.001-8.217.012-.005.013-.006.061-.032.044-.023.011-.006.06-.033.011-.007a14.5 14.5 0 0 0 5.536-5.25l.236-.403a14.5 14.5 0 0 0 1.857-6.626v-.028l.001-.02.002-.055.005-.291v-5.398a14.13 14.13 0 0 0 5.28-11.021v-.048l-.006-.369v-.032l-.001-.02a14.15 14.15 0 0 0-1.329-5.532 14.15 14.15 0 0 0-.59-13.127 14.15 14.15 0 0 0-4.853-4.948l-.04-.024-.318-.187-.048-.027-.019-.011-11.2-6.294-.048-.025-.021-.013-.027-.016-.21-.113-.065-.034z" clip-rule="evenodd"/><path fill="#9d2f2f" d="m44.499 42.277 9.088-5.119-9.072-5.12-9.095 5.125z"/><path fill="url(#early-modpack-c)" d="m44.499 42.277 9.088-5.119-9.072-5.12-9.095 5.125z"/><path fill="#000" d="M68.113 43.167a2.15 2.15 0 0 0-1.09-1.868v-.001l-1.222-.689-15.19 8.555 3.84 2.163.023.013a1.36 1.36 0 0 0 1.358 0l.022-.013 11.173-6.294a2.15 2.15 0 0 0 1.086-1.866M26.166 59.49a2.5 2.5 0 0 0 1.343 2.215l13.99 7.182v-14.59l-3.994 2.249a7.41 7.41 0 0 1-7.345 0l-3.994-2.255zm32.632-2.935v-.001a7.36 7.36 0 0 1-7.29 0l-4.009-2.257v14.59l13.99-7.182a2.49 2.49 0 0 0 1.344-2.215v-5.208zM29.31 37.165l15.19 8.557 15.197-8.56-15.18-8.57zm-8.423 6.002a2.15 2.15 0 0 0 1.088 1.868l11.148 6.293.01.007a1.42 1.42 0 0 0 1.4 0l.015-.008 3.84-2.163-15.19-8.554-1.224.69a2.15 2.15 0 0 0-1.087 1.867m47.227-12a2.15 2.15 0 0 0-1.083-1.864l-11.2-6.293h-.001a1.45 1.45 0 0 0-1.403-.002l-3.803 2.143 15.182 8.57 1.223-.688a2.15 2.15 0 0 0 1.085-1.866m-47.227 0a2.15 2.15 0 0 0 1.085 1.866l1.226.69 15.214-8.576-3.84-2.167-.016-.01a1.38 1.38 0 0 0-1.365 0q-.007.007-.016.01l-11.199 6.318h.001a2.15 2.15 0 0 0-1.09 1.869m53.227 0a8.15 8.15 0 0 1-2.637 6 8.15 8.15 0 0 1 1.527 10.106 8.15 8.15 0 0 1-3.027 2.986l-.004.002-1.14.641v8.582l-.004.291a8.49 8.49 0 0 1-4.573 7.254l-.012.007-16 8.214-.001-.001a8.14 8.14 0 0 1-3.426.901 3 3 0 0 1-.634 0 8.14 8.14 0 0 1-3.427-.901l-16-8.213-.013-.007a8.5 8.5 0 0 1-4.576-7.545v-8.58l-1.141-.644-.002-.001a8.148 8.148 0 0 1-1.5-13.092 8.149 8.149 0 0 1 1.5-13.09l.002-.003 11.184-6.31a7.38 7.38 0 0 1 7.312-.01l6.996 3.95 6.963-3.924.009-.005a7.46 7.46 0 0 1 7.064-.113l.21.113.006.003 11.2 6.294.007.004a8.15 8.15 0 0 1 4.137 7.091"/><path fill="url(#early-modpack-d)" d="M68.113 43.167a2.15 2.15 0 0 0-1.09-1.868v-.001l-1.222-.689-15.19 8.555 3.84 2.163.023.013a1.36 1.36 0 0 0 1.358 0l.022-.013 11.173-6.294a2.15 2.15 0 0 0 1.086-1.866M26.166 59.49a2.5 2.5 0 0 0 1.343 2.215l13.99 7.182v-14.59l-3.994 2.249a7.41 7.41 0 0 1-7.345 0l-3.994-2.255zm32.632-2.935v-.001a7.36 7.36 0 0 1-7.29 0l-4.009-2.257v14.59l13.99-7.182a2.49 2.49 0 0 0 1.344-2.215v-5.208zM29.31 37.165l15.19 8.557 15.197-8.56-15.18-8.57zm-8.423 6.002a2.15 2.15 0 0 0 1.088 1.868l11.148 6.293.01.007a1.42 1.42 0 0 0 1.4 0l.015-.008 3.84-2.163-15.19-8.554-1.224.69a2.15 2.15 0 0 0-1.087 1.867m47.227-12a2.15 2.15 0 0 0-1.083-1.864l-11.2-6.293h-.001a1.45 1.45 0 0 0-1.403-.002l-3.803 2.143 15.182 8.57 1.223-.688a2.15 2.15 0 0 0 1.085-1.866m-47.227 0a2.15 2.15 0 0 0 1.085 1.866l1.226.69 15.214-8.576-3.84-2.167-.016-.01a1.38 1.38 0 0 0-1.365 0q-.007.007-.016.01l-11.199 6.318h.001a2.15 2.15 0 0 0-1.09 1.869m53.227 0a8.15 8.15 0 0 1-2.637 6 8.15 8.15 0 0 1 1.527 10.106 8.15 8.15 0 0 1-3.027 2.986l-.004.002-1.14.641v8.582l-.004.291a8.49 8.49 0 0 1-4.573 7.254l-.012.007-16 8.214-.001-.001a8.14 8.14 0 0 1-3.426.901 3 3 0 0 1-.634 0 8.14 8.14 0 0 1-3.427-.901l-16-8.213-.013-.007a8.5 8.5 0 0 1-4.576-7.545v-8.58l-1.141-.644-.002-.001a8.148 8.148 0 0 1-1.5-13.092 8.149 8.149 0 0 1 1.5-13.09l.002-.003 11.184-6.31a7.38 7.38 0 0 1 7.312-.01l6.996 3.95 6.963-3.924.009-.005a7.46 7.46 0 0 1 7.064-.113l.21.113.006.003 11.2 6.294.007.004a8.15 8.15 0 0 1 4.137 7.091"/><path fill="url(#early-modpack-e)" d="M68.113 43.167a2.15 2.15 0 0 0-1.09-1.868v-.001l-1.222-.689-15.19 8.555 3.84 2.163.023.013a1.36 1.36 0 0 0 1.358 0l.022-.013 11.173-6.294a2.15 2.15 0 0 0 1.086-1.866M26.166 59.49a2.5 2.5 0 0 0 1.343 2.215l13.99 7.182v-14.59l-3.994 2.249a7.41 7.41 0 0 1-7.345 0l-3.994-2.255zm32.632-2.935v-.001a7.36 7.36 0 0 1-7.29 0l-4.009-2.257v14.59l13.99-7.182a2.49 2.49 0 0 0 1.344-2.215v-5.208zM29.31 37.165l15.19 8.557 15.197-8.56-15.18-8.57zm-8.423 6.002a2.15 2.15 0 0 0 1.088 1.868l11.148 6.293.01.007a1.42 1.42 0 0 0 1.4 0l.015-.008 3.84-2.163-15.19-8.554-1.224.69a2.15 2.15 0 0 0-1.087 1.867m47.227-12a2.15 2.15 0 0 0-1.083-1.864l-11.2-6.293h-.001a1.45 1.45 0 0 0-1.403-.002l-3.803 2.143 15.182 8.57 1.223-.688a2.15 2.15 0 0 0 1.085-1.866m-47.227 0a2.15 2.15 0 0 0 1.085 1.866l1.226.69 15.214-8.576-3.84-2.167-.016-.01a1.38 1.38 0 0 0-1.365 0q-.007.007-.016.01l-11.199 6.318h.001a2.15 2.15 0 0 0-1.09 1.869m53.227 0a8.15 8.15 0 0 1-2.637 6 8.15 8.15 0 0 1 1.527 10.106 8.15 8.15 0 0 1-3.027 2.986l-.004.002-1.14.641v8.582l-.004.291a8.49 8.49 0 0 1-4.573 7.254l-.012.007-16 8.214-.001-.001a8.14 8.14 0 0 1-3.426.901 3 3 0 0 1-.634 0 8.14 8.14 0 0 1-3.427-.901l-16-8.213-.013-.007a8.5 8.5 0 0 1-4.576-7.545v-8.58l-1.141-.644-.002-.001a8.148 8.148 0 0 1-1.5-13.092 8.149 8.149 0 0 1 1.5-13.09l.002-.003 11.184-6.31a7.38 7.38 0 0 1 7.312-.01l6.996 3.95 6.963-3.924.009-.005a7.46 7.46 0 0 1 7.064-.113l.21.113.006.003 11.2 6.294.007.004a8.15 8.15 0 0 1 4.137 7.091"/><defs><linearGradient id="early-modpack-a" x1="25.261" x2="77.669" y1="4.162" y2="83.291" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-modpack-b" x1="23.491" x2="80.704" y1=".278" y2="86.68" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-modpack-c" x1="23.491" x2="80.704" y1=".278" y2="86.68" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-modpack-d" x1="27.03" x2="74.633" y1="8.045" y2="79.902" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-modpack-e" x1="27.03" x2="74.633" y1="8.045" y2="79.902" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-plugin.svg b/packages/assets/icons/badges/early-plugin.svg
new file mode 100644
index 000000000..2a5766812
--- /dev/null
+++ b/packages/assets/icons/badges/early-plugin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#fa4c4c" d="M49.833 51.834v3H39.167v-3zm4.667-4.667v-7.333h-20v7.333a4.67 4.67 0 0 0 4.667 4.667v3a7.67 7.67 0 0 1-7.667-7.667V36.834h26v10.333a7.67 7.67 0 0 1-7.667 7.667v-3a4.67 4.67 0 0 0 4.667-4.667m-15-29.333a3 3 0 1 0-6 0v13h-2.333a5.67 5.67 0 0 0-3.804 1.466l-.203.194a5.67 5.67 0 0 0-1.66 4.007v10.666a13.667 13.667 0 0 0 13.667 13.667H41.5v10.333a3 3 0 0 0 6 0V60.834h2.333A13.667 13.667 0 0 0 63.5 47.167V36.501a5.67 5.67 0 0 0-1.466-3.804l-.194-.203-.203-.194a5.67 5.67 0 0 0-3.804-1.466H55.5v-13a3 3 0 1 0-6 0v13h-10zm19 10.027a8.67 8.67 0 0 1 4.847 1.953l.303.262.06.056.204.194.094.094.194.203.056.06a8.67 8.67 0 0 1 2.242 5.818v10.666a16.667 16.667 0 0 1-16 16.652v7.348a6 6 0 0 1-12 0v-7.348a16.666 16.666 0 0 1-16-16.652V36.501c0-2.3.914-4.503 2.54-6.128l.046-.047.203-.194.06-.056a8.67 8.67 0 0 1 5.151-2.215V17.834a6 6 0 0 1 12 0v10h4v-10a6 6 0 0 1 12 0z"/><path fill="url(#early-plugin-a)" d="M49.833 51.834v3H39.167v-3zm4.667-4.667v-7.333h-20v7.333a4.67 4.67 0 0 0 4.667 4.667v3a7.67 7.67 0 0 1-7.667-7.667V36.834h26v10.333a7.67 7.67 0 0 1-7.667 7.667v-3a4.67 4.67 0 0 0 4.667-4.667m-15-29.333a3 3 0 1 0-6 0v13h-2.333a5.67 5.67 0 0 0-3.804 1.466l-.203.194a5.67 5.67 0 0 0-1.66 4.007v10.666a13.667 13.667 0 0 0 13.667 13.667H41.5v10.333a3 3 0 0 0 6 0V60.834h2.333A13.667 13.667 0 0 0 63.5 47.167V36.501a5.67 5.67 0 0 0-1.466-3.804l-.194-.203-.203-.194a5.67 5.67 0 0 0-3.804-1.466H55.5v-13a3 3 0 1 0-6 0v13h-10zm19 10.027a8.67 8.67 0 0 1 4.847 1.953l.303.262.06.056.204.194.094.094.194.203.056.06a8.67 8.67 0 0 1 2.242 5.818v10.666a16.667 16.667 0 0 1-16 16.652v7.348a6 6 0 0 1-12 0v-7.348a16.666 16.666 0 0 1-16-16.652V36.501c0-2.3.914-4.503 2.54-6.128l.046-.047.203-.194.06-.056a8.67 8.67 0 0 1 5.151-2.215V17.834a6 6 0 0 1 12 0v10h4v-10a6 6 0 0 1 12 0z"/><path fill="#9d2f2f" fill-rule="evenodd" d="M44.5 60.834a3 3 0 0 0-3-3h6a3 3 0 0 0-3 3m-8-49a6 6 0 0 1 6 6v10h4v-10a6 6 0 0 1 12 0v10.027a8.67 8.67 0 0 1 4.847 1.953l.303.262.06.056.204.194.094.094.194.203.056.06a8.65 8.65 0 0 1 2.242 5.818v10.666a16.665 16.665 0 0 1-16 16.652v7.348a6 6 0 0 1-12 0v-7.348a16.666 16.666 0 0 1-16-16.652V36.501a8.66 8.66 0 0 1 2.54-6.128l.046-.047.203-.194.06-.056a8.67 8.67 0 0 1 5.151-2.215V17.834a6 6 0 0 1 6-6m-5 35.333V36.834h26v10.333a7.67 7.67 0 0 1-3.413 6.379 7.67 7.67 0 0 1-4.254 1.288H39.167a7.67 7.67 0 0 1-6.379-3.413 7.67 7.67 0 0 1-1.288-4.254M29.394 34.51a2.67 2.67 0 0 1 1.773-.676h.333a3 3 0 0 0-3 3v-.333c0-.7.276-1.373.768-1.872zm7.106-3.676a3 3 0 0 0 3 3h-6a3 3 0 0 0 3-3m24 6a3 3 0 0 0-3-3h.333c.656 0 1.286.243 1.773.676l.11.105.107.112c.434.487.677 1.118.677 1.774zm-11-3a3 3 0 0 0 3-3 3 3 0 0 0 3 3zM61.637 32.3a5.67 5.67 0 0 0-3.804-1.466H55.5v-13a3 3 0 1 0-6 0v13h-10v-13a3 3 0 1 0-6 0v13h-2.333a5.67 5.67 0 0 0-3.804 1.466l-.203.194a5.67 5.67 0 0 0-1.66 4.007v10.666a13.666 13.666 0 0 0 13.667 13.667H41.5v10.333a3 3 0 0 0 6 0V60.834h2.333A13.667 13.667 0 0 0 63.5 47.167V36.501a5.67 5.67 0 0 0-1.466-3.804l-.194-.203zm3.265-5.08a11.7 11.7 0 0 0-3.402-1.792v-7.594a9 9 0 0 0-17-4.122 9 9 0 0 0-17 4.122v7.593a11.7 11.7 0 0 0-4.164 2.425l-.017.015-.06.056-.044.04-.203.195-.094.094a11.67 11.67 0 0 0-3.418 8.249v10.666a19.67 19.67 0 0 0 16 19.32v4.68a9 9 0 1 0 18 0v-4.68a19.66 19.66 0 0 0 16-19.32V36.501c0-2.9-1.08-5.69-3.019-7.831l-.014-.017-.056-.06-.04-.044-.195-.203-.188-.188-.203-.194-.044-.041-.06-.056-.068-.06-.303-.262-.055-.046z" clip-rule="evenodd"/><path fill="url(#early-plugin-b)" fill-rule="evenodd" d="M44.5 60.834a3 3 0 0 0-3-3h6a3 3 0 0 0-3 3m-8-49a6 6 0 0 1 6 6v10h4v-10a6 6 0 0 1 12 0v10.027a8.67 8.67 0 0 1 4.847 1.953l.303.262.06.056.204.194.094.094.194.203.056.06a8.65 8.65 0 0 1 2.242 5.818v10.666a16.665 16.665 0 0 1-16 16.652v7.348a6 6 0 0 1-12 0v-7.348a16.666 16.666 0 0 1-16-16.652V36.501a8.66 8.66 0 0 1 2.54-6.128l.046-.047.203-.194.06-.056a8.67 8.67 0 0 1 5.151-2.215V17.834a6 6 0 0 1 6-6m-5 35.333V36.834h26v10.333a7.67 7.67 0 0 1-3.413 6.379 7.67 7.67 0 0 1-4.254 1.288H39.167a7.67 7.67 0 0 1-6.379-3.413 7.67 7.67 0 0 1-1.288-4.254M29.394 34.51a2.67 2.67 0 0 1 1.773-.676h.333a3 3 0 0 0-3 3v-.333c0-.7.276-1.373.768-1.872zm7.106-3.676a3 3 0 0 0 3 3h-6a3 3 0 0 0 3-3m24 6a3 3 0 0 0-3-3h.333c.656 0 1.286.243 1.773.676l.11.105.107.112c.434.487.677 1.118.677 1.774zm-11-3a3 3 0 0 0 3-3 3 3 0 0 0 3 3zM61.637 32.3a5.67 5.67 0 0 0-3.804-1.466H55.5v-13a3 3 0 1 0-6 0v13h-10v-13a3 3 0 1 0-6 0v13h-2.333a5.67 5.67 0 0 0-3.804 1.466l-.203.194a5.67 5.67 0 0 0-1.66 4.007v10.666a13.666 13.666 0 0 0 13.667 13.667H41.5v10.333a3 3 0 0 0 6 0V60.834h2.333A13.667 13.667 0 0 0 63.5 47.167V36.501a5.67 5.67 0 0 0-1.466-3.804l-.194-.203zm3.265-5.08a11.7 11.7 0 0 0-3.402-1.792v-7.594a9 9 0 0 0-17-4.122 9 9 0 0 0-17 4.122v7.593a11.7 11.7 0 0 0-4.164 2.425l-.017.015-.06.056-.044.04-.203.195-.094.094a11.67 11.67 0 0 0-3.418 8.249v10.666a19.67 19.67 0 0 0 16 19.32v4.68a9 9 0 1 0 18 0v-4.68a19.66 19.66 0 0 0 16-19.32V36.501c0-2.9-1.08-5.69-3.019-7.831l-.014-.017-.056-.06-.04-.044-.195-.203-.188-.188-.203-.194-.044-.041-.06-.056-.068-.06-.303-.262-.055-.046z" clip-rule="evenodd"/><path fill="#9d2f2f" d="M39.167 51.834h10.666a4.67 4.67 0 0 0 3.883-2.077 4.67 4.67 0 0 0 .784-2.59v-7.333h-20v7.333a4.67 4.67 0 0 0 4.667 4.667"/><path fill="url(#early-plugin-c)" d="M39.167 51.834h10.666a4.67 4.67 0 0 0 3.883-2.077 4.67 4.67 0 0 0 .784-2.59v-7.333h-20v7.333a4.67 4.67 0 0 0 4.667 4.667"/><path fill="#000" d="M57.5 36.834h-26v10.333a7.67 7.67 0 0 0 7.667 7.667h10.666a7.67 7.67 0 0 0 7.667-7.667zm6 10.333a13.667 13.667 0 0 1-13.667 13.667H47.5v10.333a3 3 0 0 1-6 0V60.834h-2.333A13.667 13.667 0 0 1 25.5 47.167V36.501c0-1.503.598-2.944 1.66-4.007l.203-.194a5.67 5.67 0 0 1 3.804-1.466H33.5v-13a3 3 0 1 1 6 0v13h10v-13a3 3 0 1 1 6 0v13h2.333c1.409 0 2.764.525 3.804 1.466l.203.194.194.203a5.67 5.67 0 0 1 1.466 3.804z"/><path fill="url(#early-plugin-d)" d="M57.5 36.834h-26v10.333a7.67 7.67 0 0 0 7.667 7.667h10.666a7.67 7.67 0 0 0 7.667-7.667zm6 10.333a13.667 13.667 0 0 1-13.667 13.667H47.5v10.333a3 3 0 0 1-6 0V60.834h-2.333A13.667 13.667 0 0 1 25.5 47.167V36.501c0-1.503.598-2.944 1.66-4.007l.203-.194a5.67 5.67 0 0 1 3.804-1.466H33.5v-13a3 3 0 1 1 6 0v13h10v-13a3 3 0 1 1 6 0v13h2.333c1.409 0 2.764.525 3.804 1.466l.203.194.194.203a5.67 5.67 0 0 1 1.466 3.804z"/><path fill="url(#early-plugin-e)" d="M57.5 36.834h-26v10.333a7.67 7.67 0 0 0 7.667 7.667h10.666a7.67 7.67 0 0 0 7.667-7.667zm6 10.333a13.667 13.667 0 0 1-13.667 13.667H47.5v10.333a3 3 0 0 1-6 0V60.834h-2.333A13.667 13.667 0 0 1 25.5 47.167V36.501c0-1.503.598-2.944 1.66-4.007l.203-.194a5.67 5.67 0 0 1 3.804-1.466H33.5v-13a3 3 0 1 1 6 0v13h10v-13a3 3 0 1 1 6 0v13h2.333c1.409 0 2.764.525 3.804 1.466l.203.194.194.203a5.67 5.67 0 0 1 1.466 3.804z"/><defs><linearGradient id="early-plugin-a" x1="31.522" x2="88.392" y1="2.213" y2="60.176" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-plugin-b" x1="29.752" x2="91.748" y1="-1.67" y2="64.094" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-plugin-c" x1="29.752" x2="91.748" y1="-1.67" y2="64.094" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-plugin-d" x1="33.292" x2="84.923" y1="6.097" y2="56.141" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-plugin-e" x1="33.292" x2="84.923" y1="6.097" y2="56.141" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-resourcepack.svg b/packages/assets/icons/badges/early-resourcepack.svg
new file mode 100644
index 000000000..6c7bc7048
--- /dev/null
+++ b/packages/assets/icons/badges/early-resourcepack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#fa4c4c" d="M74.166 23.494a8.66 8.66 0 0 0-2.244-5.814l-.293-.309a8.7 8.7 0 0 0-2.42-1.705l-.39-.173c-.92-.38-1.897-.6-2.889-.648l-.426-.011a8.66 8.66 0 0 0-6.124 2.537l-9.538 9.538-1.338-1.339-.34-.322a9.43 9.43 0 0 0-5.887-2.429l-.438-.01a9.43 9.43 0 0 0-6.667 2.761l-2.516 2.518a4.34 4.34 0 0 0-1.265 2.85l-.005.214.005.215a4.33 4.33 0 0 0 1.172 2.752c-1.724 2.107-3.534 3.528-5.451 4.557l-.414.216c-2.087 1.053-4.396 1.727-7.06 2.277l-1.244.243-.241.052a4.4 4.4 0 0 0-1.543.72l-.223.176-.185.165a4.4 4.4 0 0 0-.992 1.399l-.106.261-.09.27a4.36 4.36 0 0 0 .8 3.985l.01.013 19.52 23.688q.063.076.131.149a5.67 5.67 0 0 0 6.508 1.256l.207-.1q.083-.044.165-.093l.16-.101c2.91-1.993 6.42-5.268 9.331-8.677l.575-.683a49 49 0 0 0 1.513-1.931 35 35 0 0 0 2.152-3.226l.257-.455q.218-.394.423-.805.396.102.809.13l.275.008c1.149 0 2.251-.456 3.064-1.268l2.517-2.519a9.43 9.43 0 0 0 2.75-6.197l.011-.468c0-2.5-.993-4.897-2.76-6.665l-1.34-1.339 9.537-9.539a8.7 8.7 0 0 0 1.705-2.42l.172-.39c.381-.919.6-1.896.649-2.888zm-27.954 38.4c-2.193 2.41-4.588 4.597-6.564 6.036L31.33 57.835zm5.736-8.387c-.163.481-.432 1.104-.856 1.87l-.193.34q-.301.515-.656 1.057l-25.523-6.96-2.525-3.064c2.492-.578 4.942-1.35 7.288-2.544l.468-.244c2.487-1.336 4.773-3.13 6.87-5.581zm-15.083-10.84a26.2 26.2 0 0 1-5.495 3.938 28 28 0 0 1-2.567 1.212l18.167 4.955zm15.546-3.874a7.3 7.3 0 0 1 .824-3.027 7.3 7.3 0 0 1-3.03.825l-.363.009c-.869 0-1.723-.156-2.524-.45l5.534 5.534a7.3 7.3 0 0 1-.45-2.527zm2.996.58a4.34 4.34 0 0 0 1.265 2.848l2.516 2.517a3.43 3.43 0 0 1 1.004 2.423l-.005.17a3.43 3.43 0 0 1-.999 2.253l-1.339 1.339L38.077 31.15l1.339-1.337a3.43 3.43 0 0 1 4.844 0l2.518 2.517.155.148a4.34 4.34 0 0 0 2.694 1.116l.215.005c1.077 0 2.113-.401 2.908-1.12l.156-.149 10.718-10.718a2.66 2.66 0 0 1 2.899-.577 2.66 2.66 0 0 1 1.643 2.458l-.013.26a2.7 2.7 0 0 1-.19.759l-.113.236a2.7 2.7 0 0 1-.289.434l-.175.193-10.714 10.718-.149.155a4.33 4.33 0 0 0-1.121 2.908zM77.15 24.066a11.66 11.66 0 0 1-3.006 7.257l-.395.415-7.452 7.453a12.43 12.43 0 0 1 2.89 7.66l.004.31c0 3.295-1.31 6.455-3.64 8.785l-2.5 2.5-.017.02a7.33 7.33 0 0 1-4.56 2.117 39 39 0 0 1-2.134 3.167v-.001l-.127.167.002.002a52 52 0 0 1-1.483 1.883c-3.147 3.81-7.135 7.604-10.522 9.925a6 6 0 0 1-.65.387 8.67 8.67 0 0 1-10.27-1.767 6 6 0 0 1-.262-.298L13.509 50.36q-.011-.013-.02-.025l-.001-.001a7.35 7.35 0 0 1-1.163-7.28l.106-.261.038-.089a7.35 7.35 0 0 1 1.988-2.64l.07-.06.224-.175.082-.062a7.35 7.35 0 0 1 2.985-1.3l1.209-.238c2.708-.559 4.833-1.213 6.665-2.197a14.2 14.2 0 0 0 3.161-2.306 7.3 7.3 0 0 1-.46-2.291l-.006-.215v-.137l.005-.215.003-.08a7.34 7.34 0 0 1 2.138-4.822l2.517-2.518a12.426 12.426 0 0 1 16.756-.747l7.453-7.452a11.66 11.66 0 0 1 12.707-2.528 11.66 11.66 0 0 1 6.08 5.786l.232.524c.585 1.414.887 2.931.888 4.462z"/><path fill="url(#early-resourcepack-a)" d="M74.166 23.494a8.66 8.66 0 0 0-2.244-5.814l-.293-.309a8.7 8.7 0 0 0-2.42-1.705l-.39-.173c-.92-.38-1.897-.6-2.889-.648l-.426-.011a8.66 8.66 0 0 0-6.124 2.537l-9.538 9.538-1.338-1.339-.34-.322a9.43 9.43 0 0 0-5.887-2.429l-.438-.01a9.43 9.43 0 0 0-6.667 2.761l-2.516 2.518a4.34 4.34 0 0 0-1.265 2.85l-.005.214.005.215a4.33 4.33 0 0 0 1.172 2.752c-1.724 2.107-3.534 3.528-5.451 4.557l-.414.216c-2.087 1.053-4.396 1.727-7.06 2.277l-1.244.243-.241.052a4.4 4.4 0 0 0-1.543.72l-.223.176-.185.165a4.4 4.4 0 0 0-.992 1.399l-.106.261-.09.27a4.36 4.36 0 0 0 .8 3.985l.01.013 19.52 23.688q.063.076.131.149a5.67 5.67 0 0 0 6.508 1.256l.207-.1q.083-.044.165-.093l.16-.101c2.91-1.993 6.42-5.268 9.331-8.677l.575-.683a49 49 0 0 0 1.513-1.931 35 35 0 0 0 2.152-3.226l.257-.455q.218-.394.423-.805.396.102.809.13l.275.008c1.149 0 2.251-.456 3.064-1.268l2.517-2.519a9.43 9.43 0 0 0 2.75-6.197l.011-.468c0-2.5-.993-4.897-2.76-6.665l-1.34-1.339 9.537-9.539a8.7 8.7 0 0 0 1.705-2.42l.172-.39c.381-.919.6-1.896.649-2.888zm-27.954 38.4c-2.193 2.41-4.588 4.597-6.564 6.036L31.33 57.835zm5.736-8.387c-.163.481-.432 1.104-.856 1.87l-.193.34q-.301.515-.656 1.057l-25.523-6.96-2.525-3.064c2.492-.578 4.942-1.35 7.288-2.544l.468-.244c2.487-1.336 4.773-3.13 6.87-5.581zm-15.083-10.84a26.2 26.2 0 0 1-5.495 3.938 28 28 0 0 1-2.567 1.212l18.167 4.955zm15.546-3.874a7.3 7.3 0 0 1 .824-3.027 7.3 7.3 0 0 1-3.03.825l-.363.009c-.869 0-1.723-.156-2.524-.45l5.534 5.534a7.3 7.3 0 0 1-.45-2.527zm2.996.58a4.34 4.34 0 0 0 1.265 2.848l2.516 2.517a3.43 3.43 0 0 1 1.004 2.423l-.005.17a3.43 3.43 0 0 1-.999 2.253l-1.339 1.339L38.077 31.15l1.339-1.337a3.43 3.43 0 0 1 4.844 0l2.518 2.517.155.148a4.34 4.34 0 0 0 2.694 1.116l.215.005c1.077 0 2.113-.401 2.908-1.12l.156-.149 10.718-10.718a2.66 2.66 0 0 1 2.899-.577 2.66 2.66 0 0 1 1.643 2.458l-.013.26a2.7 2.7 0 0 1-.19.759l-.113.236a2.7 2.7 0 0 1-.289.434l-.175.193-10.714 10.718-.149.155a4.33 4.33 0 0 0-1.121 2.908zM77.15 24.066a11.66 11.66 0 0 1-3.006 7.257l-.395.415-7.452 7.453a12.43 12.43 0 0 1 2.89 7.66l.004.31c0 3.295-1.31 6.455-3.64 8.785l-2.5 2.5-.017.02a7.33 7.33 0 0 1-4.56 2.117 39 39 0 0 1-2.134 3.167v-.001l-.127.167.002.002a52 52 0 0 1-1.483 1.883c-3.147 3.81-7.135 7.604-10.522 9.925a6 6 0 0 1-.65.387 8.67 8.67 0 0 1-10.27-1.767 6 6 0 0 1-.262-.298L13.509 50.36q-.011-.013-.02-.025l-.001-.001a7.35 7.35 0 0 1-1.163-7.28l.106-.261.038-.089a7.35 7.35 0 0 1 1.988-2.64l.07-.06.224-.175.082-.062a7.35 7.35 0 0 1 2.985-1.3l1.209-.238c2.708-.559 4.833-1.213 6.665-2.197a14.2 14.2 0 0 0 3.161-2.306 7.3 7.3 0 0 1-.46-2.291l-.006-.215v-.137l.005-.215.003-.08a7.34 7.34 0 0 1 2.138-4.822l2.517-2.518a12.426 12.426 0 0 1 16.756-.747l7.453-7.452a11.66 11.66 0 0 1 12.707-2.528 11.66 11.66 0 0 1 6.08 5.786l.232.524c.585 1.414.887 2.931.888 4.462z"/><path fill="#9d2f2f" d="M69.189 46.853a12.43 12.43 0 0 0-2.89-7.66l7.451-7.454.396-.415a11.66 11.66 0 0 0 3.006-7.257l.014-.573a11.7 11.7 0 0 0-.887-4.46l-.233-.526a11.7 11.7 0 0 0-1.949-2.896l-.347-.362a11.7 11.7 0 0 0-3.258-2.296l-.525-.232a11.7 11.7 0 0 0-3.888-.874l-.574-.014a11.7 11.7 0 0 0-4.463.888l-.524.232a11.7 11.7 0 0 0-3.258 2.296l-7.453 7.452a12.43 12.43 0 0 0-16.534.531l-.22.216-2.52 2.518a7.32 7.32 0 0 0-2.137 4.822l-.003.08-.005.215v.137l.005.215.003.08c.038.762.194 1.508.458 2.212-1.03.989-2.08 1.724-3.161 2.305-1.832.984-3.957 1.638-6.665 2.197l-1.21.238-.403.088a7.4 7.4 0 0 0-2.582 1.212l-.082.062-.222.176-.072.059-.312.278a7.35 7.35 0 0 0-1.675 2.362l-.038.089-.107.262-.035.092a7.35 7.35 0 0 0 1.199 7.187l.02.025L33.03 74.05c.072.087.16.19.262.298a8.7 8.7 0 0 0 1.609 1.34 8.6 8.6 0 0 0 2.207 1.018q.503.15 1.024.241a8.67 8.67 0 0 0 5.43-.832q.329-.168.65-.387c3.388-2.321 7.376-6.115 10.523-9.925a52 52 0 0 0 1.483-1.883l-.002-.002c.05-.066.095-.124.126-.167l.001.001a39 39 0 0 0 2.134-3.167 7.33 7.33 0 0 0 4.324-1.893l.236-.224q.008-.01.017-.02l2.5-2.5a12.43 12.43 0 0 0 3.636-8.477l.004-.309zM65.93 14.844c.992.049 1.97.267 2.889.648l.39.173a8.7 8.7 0 0 1 2.42 1.705l.293.309a8.66 8.66 0 0 1 2.243 5.814l-.01.426a8.7 8.7 0 0 1-.649 2.889l-.173.39a8.7 8.7 0 0 1-1.705 2.42l-9.536 9.538 1.339 1.34a9.43 9.43 0 0 1 2.76 6.664l-.011.468a9.43 9.43 0 0 1-2.749 6.197l-2.518 2.518a4.34 4.34 0 0 1-3.063 1.27l-.276-.01a4.4 4.4 0 0 1-.808-.13q-.205.412-.423.806l-.258.455a35 35 0 0 1-2.268 3.383q-.673.897-1.397 1.774l-.574.683c-2.911 3.409-6.422 6.684-9.331 8.677l-.16.102-.165.091a5.67 5.67 0 0 1-3.338.577l-.213-.032a5.7 5.7 0 0 1-.888-.227 5.7 5.7 0 0 1-2.115-1.309l-.161-.164-.13-.15-19.521-23.687-.01-.013a4.355 4.355 0 0 1-.863-1.756l-.056-.277a4.36 4.36 0 0 1 .119-1.953l.09-.269.106-.261a4.35 4.35 0 0 1 1.177-1.564l.223-.175c.461-.34.986-.585 1.543-.721l.24-.052 1.244-.243c2.498-.516 4.684-1.14 6.666-2.084l.395-.193.414-.216c1.797-.965 3.499-2.275 5.126-4.17l.325-.387a4.33 4.33 0 0 1-1.158-2.56l-.014-.192-.005-.215.005-.215a4.33 4.33 0 0 1 1.264-2.85l2.517-2.517a9.43 9.43 0 0 1 6.666-2.76l.439.01a9.43 9.43 0 0 1 5.887 2.428l.34.322 1.338 1.34 9.538-9.539a8.7 8.7 0 0 1 2.42-1.705l.39-.173a8.7 8.7 0 0 1 3.314-.659zM46.641 65.79c-1.776 1.783-3.604 3.383-5.228 4.565a3 3 0 0 1-4.069-.506l.316.382.003.005c.397.42.918.7 1.486.797.528.091 1.072.018 1.561-.206l.103-.05.039-.024c1.75-1.204 3.798-2.963 5.79-4.963M39.65 67.93c1.976-1.439 4.371-3.626 6.563-6.036L31.33 57.836zm13.097-9.505a3 3 0 0 1-3.293 1.244L47.006 59a3 3 0 0 1 1.445 4.89q.56-.616 1.1-1.245l.573-.684a46 46 0 0 0 1.295-1.645l.052-.066.019-.028.038-.052c.438-.59.845-1.175 1.22-1.746m12.627 1.922-.026.032.001-.001.034-.042.008-.01zm-36.367-.616a3 3 0 0 1 3.092-4.796l-8.167-2.227a3 3 0 0 1-1.525-.986l-1.755-2.13zm24.712-2.903-.018.032-.193.34-.016.027q-.124.21-.252.42.13-.211.253-.419zM36.822 38.381c-2.097 2.45-4.383 4.245-6.87 5.58l-.468.245c-2.346 1.194-4.797 1.966-7.288 2.544l2.525 3.063 25.522 6.961q.178-.271.341-.536l.316-.521.193-.34c.318-.575.548-1.069.712-1.483l.144-.387zm-2.044-8.172-.006.005c-.228.23-.363.535-.383.856l-.001.08.001.084c.019.307.145.601.36.83a3 3 0 0 1 .136 3.956 24 24 0 0 1-.344.41l.105-.115a3 3 0 0 1 4.297-.055L54.07 51.386a3 3 0 0 1 .718 3.086 13 13 0 0 1-.704 1.659l.128-.23a3 3 0 0 1 3.305-1.33q.123.03.24.037l.106.004c.346-.003.678-.14.924-.385l1.184-1.183a3 3 0 0 1-4.243 0L35.955 33.273a3 3 0 0 1-.005-4.239zM46.97 52.772l-18.167-4.955c.86-.356 1.718-.757 2.567-1.212a26.2 26.2 0 0 0 5.495-3.938zm18.534-31.938a2.66 2.66 0 0 0-1.88.78L52.906 32.33l-.157.148-.152.131a4.33 4.33 0 0 1-2.755.99l-.215-.005a4.34 4.34 0 0 1-2.553-.992l-.141-.123-.155-.149-2.518-2.518a3.43 3.43 0 0 0-4.845 0l-1.338 1.338L57.85 50.923l1.339-1.339a3.43 3.43 0 0 0 .969-1.937l.03-.316.005-.17c0-.852-.318-1.671-.887-2.3l-.117-.123-2.517-2.516a4.34 4.34 0 0 1-1.264-2.85l-.005-.215c0-1.077.401-2.113 1.12-2.908l.15-.155 10.713-10.718.176-.193q.082-.102.154-.21l.135-.224.112-.236q.151-.366.19-.758l.013-.26a2.66 2.66 0 0 0-2.66-2.661M21.892 43.736q-.812.197-1.648.371l-.03.006-1.203.235-.163.035q-.241.062-.444.207l-.092.072-.06.054a1.4 1.4 0 0 0-.295.416l-.03.077-.04.117a1.36 1.36 0 0 0 .252 1.219l.004.003.021.027 1.711 2.076a3 3 0 0 1 1.642-4.823q.188-.045.375-.092m-3.713 2.859.025.032.015.02-.016-.021-.026-.034-.005-.006zm43.933-3a7 7 0 0 1-.181-.257zm-8.876-7.83a7.3 7.3 0 0 0-.825 3.028l-.008.364c0 .871.156 1.725.45 2.527l-5.534-5.534c.801.294 1.655.45 2.524.45l.363-.01a7.3 7.3 0 0 0 3.03-.824m-24.498 5.44-.206.113-.034.018-.144.074.186-.096zm30.08-3.017-.077.084a1.33 1.33 0 0 0-.338.876l.002.081c.017.325.154.636.388.87l.008.01 1.17 1.17a3 3 0 0 1-.01-4.233zm-13.15-11.11q.377.278.713.613l2.491 2.492.083.08c.223.198.507.315.806.334l.089.002c.329-.002.644-.125.887-.344l.064-.062 1.163-1.163a3 3 0 0 1-4.243 0l-1.324-1.324-.26-.248a7 7 0 0 0-.469-.38m-6.856-.51a6.4 6.4 0 0 0-1.287.904l-.23.22.23-.22a6.4 6.4 0 0 1 1.287-.905m30.975.626-.175.194q.128-.135.247-.279zm.582-.807a6 6 0 0 0 .237-.44l.058-.13-.104.22q-.03.063-.064.125-.06.113-.126.225m-28.22-.57h-.004l-.068-.003zm29-1.917q-.001.046-.005.091.008-.108.014-.218l.002-.105zm-.315-2.313h.001m-8.515-2.77a6 6 0 0 0-.616.483l-.2.192q.377-.376.816-.675m1.02-.552h.001q.1-.041.2-.078-.102.037-.202.078m1.334-.37a6 6 0 0 0 .277-.034zm1.364-.036a6 6 0 0 0-.23-.017h-.002q.117.006.232.017m6.156 29.302c0 4.092-1.627 8.015-4.519 10.907l-2.45 2.45-.068.07a10.3 10.3 0 0 1-4.855 2.724 44 44 0 0 1-1.552 2.229l-.047.059-.057.076q-.014.022-.03.044a55 55 0 0 1-1.569 1.992c-3.28 3.971-7.468 7.974-11.14 10.49a9 9 0 0 1-.974.58h-.002l.001.001a11.67 11.67 0 0 1-13.492-2.042l-.332-.338a9 9 0 0 1-.393-.446L11.194 52.27l-.007-.011-.04-.048-.003-.005a10.36 10.36 0 0 1-1.67-10.097l.072-.183.107-.262.021-.052.038-.089.016-.037a10.35 10.35 0 0 1 2.799-3.717l.025-.022.071-.059.046-.037.223-.175.041-.033.082-.062.041-.03a10.4 10.4 0 0 1 3.919-1.773l.284-.058 1.161-.228c2.577-.532 4.384-1.114 5.853-1.902.413-.222.819-.472 1.221-.76q-.07-.48-.095-.966l-.006-.16-.005-.215a6 6 0 0 1 0-.273l.005-.215.002-.041.003-.08v-.04a10.33 10.33 0 0 1 3.014-6.794l2.517-2.518.024-.023A15.43 15.43 0 0 1 41.84 16.81l.679.014a15.4 15.4 0 0 1 6.928 1.995l5.692-5.69a14.67 14.67 0 0 1 10.366-4.295l.362.005a14.66 14.66 0 0 1 12.61 7.821l.281.565.031.067.233.524.028.07a14.7 14.7 0 0 1 1.116 5.684l-.014.574-.003.07a14.7 14.7 0 0 1-1.085 4.856l-.013.035a14.7 14.7 0 0 1-2.732 4.289l-.396.415-.05.051-5.691 5.692a15.4 15.4 0 0 1 1.977 6.573l.03.653v.037l.004.308zM28.108 41.54l.014-.007.232-.122z"/><path fill="url(#early-resourcepack-b)" d="M69.189 46.853a12.43 12.43 0 0 0-2.89-7.66l7.451-7.454.396-.415a11.66 11.66 0 0 0 3.006-7.257l.014-.573a11.7 11.7 0 0 0-.887-4.46l-.233-.526a11.7 11.7 0 0 0-1.949-2.896l-.347-.362a11.7 11.7 0 0 0-3.258-2.296l-.525-.232a11.7 11.7 0 0 0-3.888-.874l-.574-.014a11.7 11.7 0 0 0-4.463.888l-.524.232a11.7 11.7 0 0 0-3.258 2.296l-7.453 7.452a12.43 12.43 0 0 0-16.534.531l-.22.216-2.52 2.518a7.32 7.32 0 0 0-2.137 4.822l-.003.08-.005.215v.137l.005.215.003.08c.038.762.194 1.508.458 2.212-1.03.989-2.08 1.724-3.161 2.305-1.832.984-3.957 1.638-6.665 2.197l-1.21.238-.403.088a7.4 7.4 0 0 0-2.582 1.212l-.082.062-.222.176-.072.059-.312.278a7.35 7.35 0 0 0-1.675 2.362l-.038.089-.107.262-.035.092a7.35 7.35 0 0 0 1.199 7.187l.02.025L33.03 74.05c.072.087.16.19.262.298a8.7 8.7 0 0 0 1.609 1.34 8.6 8.6 0 0 0 2.207 1.018q.503.15 1.024.241a8.67 8.67 0 0 0 5.43-.832q.329-.168.65-.387c3.388-2.321 7.376-6.115 10.523-9.925a52 52 0 0 0 1.483-1.883l-.002-.002c.05-.066.095-.124.126-.167l.001.001a39 39 0 0 0 2.134-3.167 7.33 7.33 0 0 0 4.324-1.893l.236-.224q.008-.01.017-.02l2.5-2.5a12.43 12.43 0 0 0 3.636-8.477l.004-.309zM65.93 14.844c.992.049 1.97.267 2.889.648l.39.173a8.7 8.7 0 0 1 2.42 1.705l.293.309a8.66 8.66 0 0 1 2.243 5.814l-.01.426a8.7 8.7 0 0 1-.649 2.889l-.173.39a8.7 8.7 0 0 1-1.705 2.42l-9.536 9.538 1.339 1.34a9.43 9.43 0 0 1 2.76 6.664l-.011.468a9.43 9.43 0 0 1-2.749 6.197l-2.518 2.518a4.34 4.34 0 0 1-3.063 1.27l-.276-.01a4.4 4.4 0 0 1-.808-.13q-.205.412-.423.806l-.258.455a35 35 0 0 1-2.268 3.383q-.673.897-1.397 1.774l-.574.683c-2.911 3.409-6.422 6.684-9.331 8.677l-.16.102-.165.091a5.67 5.67 0 0 1-3.338.577l-.213-.032a5.7 5.7 0 0 1-.888-.227 5.7 5.7 0 0 1-2.115-1.309l-.161-.164-.13-.15-19.521-23.687-.01-.013a4.355 4.355 0 0 1-.863-1.756l-.056-.277a4.36 4.36 0 0 1 .119-1.953l.09-.269.106-.261a4.35 4.35 0 0 1 1.177-1.564l.223-.175c.461-.34.986-.585 1.543-.721l.24-.052 1.244-.243c2.498-.516 4.684-1.14 6.666-2.084l.395-.193.414-.216c1.797-.965 3.499-2.275 5.126-4.17l.325-.387a4.33 4.33 0 0 1-1.158-2.56l-.014-.192-.005-.215.005-.215a4.33 4.33 0 0 1 1.264-2.85l2.517-2.517a9.43 9.43 0 0 1 6.666-2.76l.439.01a9.43 9.43 0 0 1 5.887 2.428l.34.322 1.338 1.34 9.538-9.539a8.7 8.7 0 0 1 2.42-1.705l.39-.173a8.7 8.7 0 0 1 3.314-.659zM46.641 65.79c-1.776 1.783-3.604 3.383-5.228 4.565a3 3 0 0 1-4.069-.506l.316.382.003.005c.397.42.918.7 1.486.797.528.091 1.072.018 1.561-.206l.103-.05.039-.024c1.75-1.204 3.798-2.963 5.79-4.963M39.65 67.93c1.976-1.439 4.371-3.626 6.563-6.036L31.33 57.836zm13.097-9.505a3 3 0 0 1-3.293 1.244L47.006 59a3 3 0 0 1 1.445 4.89q.56-.616 1.1-1.245l.573-.684a46 46 0 0 0 1.295-1.645l.052-.066.019-.028.038-.052c.438-.59.845-1.175 1.22-1.746m12.627 1.922-.026.032.001-.001.034-.042.008-.01zm-36.367-.616a3 3 0 0 1 3.092-4.796l-8.167-2.227a3 3 0 0 1-1.525-.986l-1.755-2.13zm24.712-2.903-.018.032-.193.34-.016.027q-.124.21-.252.42.13-.211.253-.419zM36.822 38.381c-2.097 2.45-4.383 4.245-6.87 5.58l-.468.245c-2.346 1.194-4.797 1.966-7.288 2.544l2.525 3.063 25.522 6.961q.178-.271.341-.536l.316-.521.193-.34c.318-.575.548-1.069.712-1.483l.144-.387zm-2.044-8.172-.006.005c-.228.23-.363.535-.383.856l-.001.08.001.084c.019.307.145.601.36.83a3 3 0 0 1 .136 3.956 24 24 0 0 1-.344.41l.105-.115a3 3 0 0 1 4.297-.055L54.07 51.386a3 3 0 0 1 .718 3.086 13 13 0 0 1-.704 1.659l.128-.23a3 3 0 0 1 3.305-1.33q.123.03.24.037l.106.004c.346-.003.678-.14.924-.385l1.184-1.183a3 3 0 0 1-4.243 0L35.955 33.273a3 3 0 0 1-.005-4.239zM46.97 52.772l-18.167-4.955c.86-.356 1.718-.757 2.567-1.212a26.2 26.2 0 0 0 5.495-3.938zm18.534-31.938a2.66 2.66 0 0 0-1.88.78L52.906 32.33l-.157.148-.152.131a4.33 4.33 0 0 1-2.755.99l-.215-.005a4.34 4.34 0 0 1-2.553-.992l-.141-.123-.155-.149-2.518-2.518a3.43 3.43 0 0 0-4.845 0l-1.338 1.338L57.85 50.923l1.339-1.339a3.43 3.43 0 0 0 .969-1.937l.03-.316.005-.17c0-.852-.318-1.671-.887-2.3l-.117-.123-2.517-2.516a4.34 4.34 0 0 1-1.264-2.85l-.005-.215c0-1.077.401-2.113 1.12-2.908l.15-.155 10.713-10.718.176-.193q.082-.102.154-.21l.135-.224.112-.236q.151-.366.19-.758l.013-.26a2.66 2.66 0 0 0-2.66-2.661M21.892 43.736q-.812.197-1.648.371l-.03.006-1.203.235-.163.035q-.241.062-.444.207l-.092.072-.06.054a1.4 1.4 0 0 0-.295.416l-.03.077-.04.117a1.36 1.36 0 0 0 .252 1.219l.004.003.021.027 1.711 2.076a3 3 0 0 1 1.642-4.823q.188-.045.375-.092m-3.713 2.859.025.032.015.02-.016-.021-.026-.034-.005-.006zm43.933-3a7 7 0 0 1-.181-.257zm-8.876-7.83a7.3 7.3 0 0 0-.825 3.028l-.008.364c0 .871.156 1.725.45 2.527l-5.534-5.534c.801.294 1.655.45 2.524.45l.363-.01a7.3 7.3 0 0 0 3.03-.824m-24.498 5.44-.206.113-.034.018-.144.074.186-.096zm30.08-3.017-.077.084a1.33 1.33 0 0 0-.338.876l.002.081c.017.325.154.636.388.87l.008.01 1.17 1.17a3 3 0 0 1-.01-4.233zm-13.15-11.11q.377.278.713.613l2.491 2.492.083.08c.223.198.507.315.806.334l.089.002c.329-.002.644-.125.887-.344l.064-.062 1.163-1.163a3 3 0 0 1-4.243 0l-1.324-1.324-.26-.248a7 7 0 0 0-.469-.38m-6.856-.51a6.4 6.4 0 0 0-1.287.904l-.23.22.23-.22a6.4 6.4 0 0 1 1.287-.905m30.975.626-.175.194q.128-.135.247-.279zm.582-.807a6 6 0 0 0 .237-.44l.058-.13-.104.22q-.03.063-.064.125-.06.113-.126.225m-28.22-.57h-.004l-.068-.003zm29-1.917q-.001.046-.005.091.008-.108.014-.218l.002-.105zm-.315-2.313h.001m-8.515-2.77a6 6 0 0 0-.616.483l-.2.192q.377-.376.816-.675m1.02-.552h.001q.1-.041.2-.078-.102.037-.202.078m1.334-.37a6 6 0 0 0 .277-.034zm1.364-.036a6 6 0 0 0-.23-.017h-.002q.117.006.232.017m6.156 29.302c0 4.092-1.627 8.015-4.519 10.907l-2.45 2.45-.068.07a10.3 10.3 0 0 1-4.855 2.724 44 44 0 0 1-1.552 2.229l-.047.059-.057.076q-.014.022-.03.044a55 55 0 0 1-1.569 1.992c-3.28 3.971-7.468 7.974-11.14 10.49a9 9 0 0 1-.974.58h-.002l.001.001a11.67 11.67 0 0 1-13.492-2.042l-.332-.338a9 9 0 0 1-.393-.446L11.194 52.27l-.007-.011-.04-.048-.003-.005a10.36 10.36 0 0 1-1.67-10.097l.072-.183.107-.262.021-.052.038-.089.016-.037a10.35 10.35 0 0 1 2.799-3.717l.025-.022.071-.059.046-.037.223-.175.041-.033.082-.062.041-.03a10.4 10.4 0 0 1 3.919-1.773l.284-.058 1.161-.228c2.577-.532 4.384-1.114 5.853-1.902.413-.222.819-.472 1.221-.76q-.07-.48-.095-.966l-.006-.16-.005-.215a6 6 0 0 1 0-.273l.005-.215.002-.041.003-.08v-.04a10.33 10.33 0 0 1 3.014-6.794l2.517-2.518.024-.023A15.43 15.43 0 0 1 41.84 16.81l.679.014a15.4 15.4 0 0 1 6.928 1.995l5.692-5.69a14.67 14.67 0 0 1 10.366-4.295l.362.005a14.66 14.66 0 0 1 12.61 7.821l.281.565.031.067.233.524.028.07a14.7 14.7 0 0 1 1.116 5.684l-.014.574-.003.07a14.7 14.7 0 0 1-1.085 4.856l-.013.035a14.7 14.7 0 0 1-2.732 4.289l-.396.415-.05.051-5.691 5.692a15.4 15.4 0 0 1 1.977 6.573l.03.653v.037l.004.308zM28.108 41.54l.014-.007.232-.122z"/><path fill="#000" d="M68.166 23.494a2.66 2.66 0 0 0-2.661-2.66 2.66 2.66 0 0 0-1.881.78L52.906 32.33a4.334 4.334 0 0 1-6.128 0l-2.517-2.518a3.426 3.426 0 0 0-4.845 0l-1.339 1.338 19.772 19.772 1.34-1.339a3.427 3.427 0 0 0 0-4.846l-2.517-2.516v-.001a4.334 4.334 0 0 1 0-6.127l10.713-10.718h.001a2.66 2.66 0 0 0 .78-1.882M39.648 67.93c1.976-1.439 4.371-3.626 6.564-6.036L31.33 57.836zm-2.827-29.55c-2.097 2.452-4.383 4.246-6.87 5.582s-5.098 2.171-7.756 2.788l2.526 3.063 25.522 6.961q.474-.723.85-1.397c.423-.766.692-1.389.855-1.87zm37.345-14.886a8.66 8.66 0 0 1-2.537 6.124l-9.536 9.54 1.338 1.338a9.426 9.426 0 0 1 0 13.33l-2.517 2.518a4.33 4.33 0 0 1-4.148 1.13q-.205.412-.422.806c-.669 1.21-1.495 2.451-2.41 3.68a48.724 48.724 0 0 1-1.514 1.93c-3.014 3.651-6.801 7.236-9.905 9.362a3 3 0 0 1-.325.193 5.67 5.67 0 0 1-6.715-1.155 3 3 0 0 1-.13-.15L15.823 48.454l-.01-.013a4.35 4.35 0 0 1-.71-4.254l.107-.262a4.35 4.35 0 0 1 1.176-1.564l.223-.175a4.35 4.35 0 0 1 1.784-.773l1.244-.243c2.842-.587 5.28-1.315 7.474-2.493 1.917-1.03 3.727-2.45 5.451-4.557a4.33 4.33 0 0 1-1.172-2.752l-.004-.215.004-.215a4.33 4.33 0 0 1 1.264-2.85h.001l2.517-2.517a9.43 9.43 0 0 1 12.992-.322l.339.322 1.339 1.34 9.538-9.539a8.66 8.66 0 0 1 9.438-1.878 8.66 8.66 0 0 1 5.347 8.001"/><path fill="url(#early-resourcepack-c)" d="M68.166 23.494a2.66 2.66 0 0 0-2.661-2.66 2.66 2.66 0 0 0-1.881.78L52.906 32.33a4.334 4.334 0 0 1-6.128 0l-2.517-2.518a3.426 3.426 0 0 0-4.845 0l-1.339 1.338 19.772 19.772 1.34-1.339a3.427 3.427 0 0 0 0-4.846l-2.517-2.516v-.001a4.334 4.334 0 0 1 0-6.127l10.713-10.718h.001a2.66 2.66 0 0 0 .78-1.882M39.648 67.93c1.976-1.439 4.371-3.626 6.564-6.036L31.33 57.836zm-2.827-29.55c-2.097 2.452-4.383 4.246-6.87 5.582s-5.098 2.171-7.756 2.788l2.526 3.063 25.522 6.961q.474-.723.85-1.397c.423-.766.692-1.389.855-1.87zm37.345-14.886a8.66 8.66 0 0 1-2.537 6.124l-9.536 9.54 1.338 1.338a9.426 9.426 0 0 1 0 13.33l-2.517 2.518a4.33 4.33 0 0 1-4.148 1.13q-.205.412-.422.806c-.669 1.21-1.495 2.451-2.41 3.68a48.724 48.724 0 0 1-1.514 1.93c-3.014 3.651-6.801 7.236-9.905 9.362a3 3 0 0 1-.325.193 5.67 5.67 0 0 1-6.715-1.155 3 3 0 0 1-.13-.15L15.823 48.454l-.01-.013a4.35 4.35 0 0 1-.71-4.254l.107-.262a4.35 4.35 0 0 1 1.176-1.564l.223-.175a4.35 4.35 0 0 1 1.784-.773l1.244-.243c2.842-.587 5.28-1.315 7.474-2.493 1.917-1.03 3.727-2.45 5.451-4.557a4.33 4.33 0 0 1-1.172-2.752l-.004-.215.004-.215a4.33 4.33 0 0 1 1.264-2.85h.001l2.517-2.517a9.43 9.43 0 0 1 12.992-.322l.339.322 1.339 1.34 9.538-9.539a8.66 8.66 0 0 1 9.438-1.878 8.66 8.66 0 0 1 5.347 8.001"/><path fill="url(#early-resourcepack-d)" d="M68.166 23.494a2.66 2.66 0 0 0-2.661-2.66 2.66 2.66 0 0 0-1.881.78L52.906 32.33a4.334 4.334 0 0 1-6.128 0l-2.517-2.518a3.426 3.426 0 0 0-4.845 0l-1.339 1.338 19.772 19.772 1.34-1.339a3.427 3.427 0 0 0 0-4.846l-2.517-2.516v-.001a4.334 4.334 0 0 1 0-6.127l10.713-10.718h.001a2.66 2.66 0 0 0 .78-1.882M39.648 67.93c1.976-1.439 4.371-3.626 6.564-6.036L31.33 57.836zm-2.827-29.55c-2.097 2.452-4.383 4.246-6.87 5.582s-5.098 2.171-7.756 2.788l2.526 3.063 25.522 6.961q.474-.723.85-1.397c.423-.766.692-1.389.855-1.87zm37.345-14.886a8.66 8.66 0 0 1-2.537 6.124l-9.536 9.54 1.338 1.338a9.426 9.426 0 0 1 0 13.33l-2.517 2.518a4.33 4.33 0 0 1-4.148 1.13q-.205.412-.422.806c-.669 1.21-1.495 2.451-2.41 3.68a48.724 48.724 0 0 1-1.514 1.93c-3.014 3.651-6.801 7.236-9.905 9.362a3 3 0 0 1-.325.193 5.67 5.67 0 0 1-6.715-1.155 3 3 0 0 1-.13-.15L15.823 48.454l-.01-.013a4.35 4.35 0 0 1-.71-4.254l.107-.262a4.35 4.35 0 0 1 1.176-1.564l.223-.175a4.35 4.35 0 0 1 1.784-.773l1.244-.243c2.842-.587 5.28-1.315 7.474-2.493 1.917-1.03 3.727-2.45 5.451-4.557a4.33 4.33 0 0 1-1.172-2.752l-.004-.215.004-.215a4.33 4.33 0 0 1 1.264-2.85h.001l2.517-2.517a9.43 9.43 0 0 1 12.992-.322l.339.322 1.339 1.34 9.538-9.539a8.66 8.66 0 0 1 9.438-1.878 8.66 8.66 0 0 1 5.347 8.001"/><defs><linearGradient id="early-resourcepack-a" x1="25.232" x2="77.45" y1="2.227" y2="81.366" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-resourcepack-b" x1="23.462" x2="80.485" y1="-1.656" y2="84.755" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-resourcepack-c" x1="27.001" x2="74.415" y1="6.111" y2="77.977" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-resourcepack-d" x1="27.001" x2="74.415" y1="6.111" y2="77.977" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-servers.svg b/packages/assets/icons/badges/early-servers.svg
new file mode 100644
index 000000000..f5667bd8e
--- /dev/null
+++ b/packages/assets/icons/badges/early-servers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="url(#early-servers-a)" d="M77.157 44.15a6 6 0 0 0-.625-2.337l-9.195-18.365a11.34 11.34 0 0 0-9.744-6.275l-.056-.002-.29-.005H31.803a11.34 11.34 0 0 0-10.135 6.274l-9.2 18.373a6 6 0 0 0-.635 2.686v16a11.33 11.33 0 0 0 5.514 9.726 11.34 11.34 0 0 0 5.819 1.608h42.667l.563-.014a11.334 11.334 0 0 0 10.77-11.32v-16q0-.175-.01-.349M20.834 47.5v13a2.334 2.334 0 0 0 2.333 2.334h42.667a2.335 2.335 0 0 0 2.333-2.334v-13zM19.395 64.27a5 5 0 0 1-.181-.19zM65.167 50.5v9.334H42.962a5.99 5.99 0 0 0 2.23-4.667c0-1.885-.87-3.567-2.23-4.667zM28.5 58.166a3 3 0 1 1 0-6h.026a3 3 0 0 1 0 6zm10.666 0a3 3 0 0 1 0-6h.026a3 3 0 0 1 0 6zm-7.357-32-.163.006a2.33 2.33 0 0 0-1.925 1.289l-7.03 14.038H66.31l-7.025-14.03-.005-.008a2.33 2.33 0 0 0-1.925-1.29l-.163-.005zm24.971 3 4.673 9.333H27.55l4.673-9.333zm3.53-4.992a5.3 5.3 0 0 1 1.628 1.901l.03.051a5.33 5.33 0 0 0-1.966-2.16zm-31.619-.001a5 5 0 0 0 .308-.205zm2.787-.996q-.102.008-.202.018.08-.009.16-.015zm25.962-.004q-.02-.002-.04-.003l-.065-.001zM22.69 44.499a3 3 0 0 1-2.682-4.343l7.025-14.03-9.2 18.373v3a3 3 0 0 1 3-3zm45.476 0a3 3 0 0 1 3 3v-3l-9.195-18.365 7.02 14.022A3 3 0 0 1 66.31 44.5zm6 16a8.35 8.35 0 0 1-2.44 5.893 8.33 8.33 0 0 1-5.893 2.441H23.167a8.32 8.32 0 0 1-4.958-1.636 8.34 8.34 0 0 1-3.214-5.065 8.3 8.3 0 0 1-.161-1.633v-16a3 3 0 0 1 .317-1.343l9.2-18.373a8.33 8.33 0 0 1 7.455-4.617h25.39l.29.005a8.3 8.3 0 0 1 3.625.974q.24.128.472.272a8.33 8.33 0 0 1 3.071 3.374l9.196 18.365a3 3 0 0 1 .317 1.343zm6 0a14.333 14.333 0 0 1-13.697 14.32l-.563.013-.073.001H23.167A14.335 14.335 0 0 1 8.834 60.499v-16c0-1.398.326-2.778.952-4.028l9.2-18.373a14.33 14.33 0 0 1 5.27-5.78l.044-.027.339-.202q.022-.015.046-.027a14.34 14.34 0 0 1 7.117-1.896h25.495l.29.005.111.004a14.34 14.34 0 0 1 12.321 7.93l9.196 18.366a9 9 0 0 1 .952 4.028z"/><path fill="url(#early-servers-b)" d="M74.167 44.499a3 3 0 0 0-.317-1.343l-9.196-18.365a8.33 8.33 0 0 0-7.168-4.62l-.29-.005h-25.39a8.33 8.33 0 0 0-7.454 4.617l-9.2 18.373a3 3 0 0 0-.318 1.343v16a8.334 8.334 0 0 0 8.333 8.334h42.667a8.334 8.334 0 0 0 8.333-8.334zm-51 18.334a2.334 2.334 0 0 1-2.333-2.334v-13h47.333v13a2.334 2.334 0 0 1-2.333 2.334zM28.5 52.166a3 3 0 0 0 0 6h.026a3 3 0 0 0 0-6zm28.692-26 .163.006a2.33 2.33 0 0 1 1.925 1.289l.005.008 7.025 14.03H22.69l7.03-14.038a2.33 2.33 0 0 1 1.925-1.29l.163-.005zM27.55 38.499h33.904l-4.673-9.333H32.222zm8.617 16.667a3 3 0 0 0 3 3h.026a3 3 0 0 0 0-6h-.026a3 3 0 0 0-3 3m9.026 0c0 1.886-.87 3.567-2.23 4.667h22.205v-9.334H42.962a5.99 5.99 0 0 1 2.23 4.667m31.975 5.333a11.334 11.334 0 0 1-10.77 11.32l-.563.014H23.167a11.335 11.335 0 0 1-11.333-11.334v-16c0-.932.217-1.852.635-2.686l9.2-18.373a11.34 11.34 0 0 1 4.168-4.573l.339-.202a11.34 11.34 0 0 1 5.628-1.499h25.442l.291.005.056.002a11.33 11.33 0 0 1 9.744 6.275l9.195 18.365a6 6 0 0 1 .635 2.686z"/><path fill="url(#early-servers-c)" d="M68.167 47.499H20.834v13a2.334 2.334 0 0 0 2.333 2.334h42.667a2.335 2.335 0 0 0 2.333-2.334zm-39.64 4.667a3 3 0 0 1 0 6H28.5a3 3 0 1 1 0-6zm10.665 0a3 3 0 0 1 0 6h-.026a3 3 0 0 1 0-6zm-7.546-25.994a2.33 2.33 0 0 0-1.925 1.289l-7.03 14.038H66.31l-7.025-14.03-.005-.008a2.33 2.33 0 0 0-1.925-1.29l-.163-.005H31.81zm42.521 34.327a8.334 8.334 0 0 1-8.333 8.334H23.167a8.335 8.335 0 0 1-8.333-8.334v-16a3 3 0 0 1 .317-1.343l9.2-18.373a8.33 8.33 0 0 1 7.455-4.617h25.39l.29.005a8.33 8.33 0 0 1 7.168 4.62l9.196 18.365a3 3 0 0 1 .317 1.343z"/><defs><linearGradient id="early-servers-a" x1="23.461" x2="68.576" y1="5.232" y2="85.514" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-servers-b" x1="25.23" x2="65.537" y1="9.116" y2="82.018" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-servers-c" x1="27" x2="62.5" y1="12.999" y2="78.499" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/early-shaders.svg b/packages/assets/icons/badges/early-shaders.svg
new file mode 100644
index 000000000..1067ffca8
--- /dev/null
+++ b/packages/assets/icons/badges/early-shaders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#fa4c4c" d="M20.834 54.501a7.667 7.667 0 0 1 15.332-.02v.038a7.665 7.665 0 0 1-7.665 7.648v-3a4.665 4.665 0 0 0 4.665-4.648v-.03l-.007-.24a4.666 4.666 0 0 0-4.419-4.41l-.239-.005a4.667 4.667 0 0 0 0 9.333v3a7.667 7.667 0 0 1-7.667-7.666m44.333 0a4.667 4.667 0 0 0-4.426-4.661l-.24-.006a4.667 4.667 0 0 0 0 9.333v3a7.667 7.667 0 1 1 0-15.333 7.667 7.667 0 0 1 0 15.333v-3a4.666 4.666 0 0 0 4.66-4.426zm-20.01-.25v.01-.016l-.002-.008zm4.009-26.417a6 6 0 0 1 6-6c3.007 0 5.815.727 8.275 2.476 1.79 1.272 3.107 2.882 4.134 4.511l.424.698.025.046.4.714.092.176.128.269.061.136 6.666 16q.092.223.162.445a16.6 16.6 0 0 1 1.634 7.196c0 9.06-7.23 16.432-16.235 16.66l-.431.006c-7.58 0-13.98-5.06-16.001-11.988-1.984 6.795-8.177 11.795-15.568 11.982l-.431.006c-9.06 0-16.432-7.23-16.661-16.235l-.006-.431c0-2.566.585-5.002 1.625-7.179q.07-.224.168-.463l6.667-16 .061-.135.128-.269.067-.132c1.062-1.972 2.512-4.266 4.845-5.968 2.503-1.826 5.37-2.521 8.438-2.521l.309.008a6 6 0 0 1 0 11.984l-.309.008c-.626 0-.971.067-1.142.115-.144.042-.193.078-.221.099-.122.088-.502.424-1.23 1.738l-.896 2.15a16.64 16.64 0 0 1 10.822 5.734 11.33 11.33 0 0 1 6.665 0 16.64 16.64 0 0 1 10.82-5.733l-.893-2.145c-.661-1.183-1.084-1.57-1.267-1.7a1 1 0 0 0-.32-.15c-.171-.05-.48-.108-1.005-.108a6 6 0 0 1-6-6m3 0a3 3 0 0 0 3 3c1.496 0 2.392.336 3.063.813.714.507 1.427 1.358 2.232 2.83l2.762 6.628c-.88-.178-1.79-.271-2.722-.271a13.66 13.66 0 0 0-11.67 6.549 8.33 8.33 0 0 0-8.663-.001c-2.401-3.927-6.727-6.548-11.667-6.548-.934 0-1.846.093-2.727.271l2.763-6.63c.84-1.54 1.498-2.365 2.164-2.851.6-.437 1.467-.79 3.132-.79a3 3 0 0 0 0-6c-2.602 0-4.802.58-6.669 1.943-1.784 1.302-2.975 3.116-3.973 4.968l-.127.269-6.667 16a3 3 0 0 0-.133.398 13.6 13.6 0 0 0-1.43 6.089c0 7.548 6.12 13.666 13.667 13.666 7.548 0 13.666-6.118 13.666-13.666l-.001-.017a2.334 2.334 0 0 1 4.667.017l.002.085c.046 7.509 6.146 13.581 13.666 13.581 7.548 0 13.666-6.118 13.666-13.666 0-2.191-.517-4.262-1.434-6.098a3 3 0 0 0-.131-.39l-6.666-16-.128-.268-.4-.715c-.962-1.648-2.128-3.156-3.704-4.275-1.863-1.324-4.034-1.921-6.538-1.921a3 3 0 0 0-3 3"/><path fill="url(#early-shaders-a)" d="M20.834 54.501a7.667 7.667 0 0 1 15.332-.02v.038a7.665 7.665 0 0 1-7.665 7.648v-3a4.665 4.665 0 0 0 4.665-4.648v-.03l-.007-.24a4.666 4.666 0 0 0-4.419-4.41l-.239-.005a4.667 4.667 0 0 0 0 9.333v3a7.667 7.667 0 0 1-7.667-7.666m44.333 0a4.667 4.667 0 0 0-4.426-4.661l-.24-.006a4.667 4.667 0 0 0 0 9.333v3a7.667 7.667 0 1 1 0-15.333 7.667 7.667 0 0 1 0 15.333v-3a4.666 4.666 0 0 0 4.66-4.426zm-20.01-.25v.01-.016l-.002-.008zm4.009-26.417a6 6 0 0 1 6-6c3.007 0 5.815.727 8.275 2.476 1.79 1.272 3.107 2.882 4.134 4.511l.424.698.025.046.4.714.092.176.128.269.061.136 6.666 16q.092.223.162.445a16.6 16.6 0 0 1 1.634 7.196c0 9.06-7.23 16.432-16.235 16.66l-.431.006c-7.58 0-13.98-5.06-16.001-11.988-1.984 6.795-8.177 11.795-15.568 11.982l-.431.006c-9.06 0-16.432-7.23-16.661-16.235l-.006-.431c0-2.566.585-5.002 1.625-7.179q.07-.224.168-.463l6.667-16 .061-.135.128-.269.067-.132c1.062-1.972 2.512-4.266 4.845-5.968 2.503-1.826 5.37-2.521 8.438-2.521l.309.008a6 6 0 0 1 0 11.984l-.309.008c-.626 0-.971.067-1.142.115-.144.042-.193.078-.221.099-.122.088-.502.424-1.23 1.738l-.896 2.15a16.64 16.64 0 0 1 10.822 5.734 11.33 11.33 0 0 1 6.665 0 16.64 16.64 0 0 1 10.82-5.733l-.893-2.145c-.661-1.183-1.084-1.57-1.267-1.7a1 1 0 0 0-.32-.15c-.171-.05-.48-.108-1.005-.108a6 6 0 0 1-6-6m3 0a3 3 0 0 0 3 3c1.496 0 2.392.336 3.063.813.714.507 1.427 1.358 2.232 2.83l2.762 6.628c-.88-.178-1.79-.271-2.722-.271a13.66 13.66 0 0 0-11.67 6.549 8.33 8.33 0 0 0-8.663-.001c-2.401-3.927-6.727-6.548-11.667-6.548-.934 0-1.846.093-2.727.271l2.763-6.63c.84-1.54 1.498-2.365 2.164-2.851.6-.437 1.467-.79 3.132-.79a3 3 0 0 0 0-6c-2.602 0-4.802.58-6.669 1.943-1.784 1.302-2.975 3.116-3.973 4.968l-.127.269-6.667 16a3 3 0 0 0-.133.398 13.6 13.6 0 0 0-1.43 6.089c0 7.548 6.12 13.666 13.667 13.666 7.548 0 13.666-6.118 13.666-13.666l-.001-.017a2.334 2.334 0 0 1 4.667.017l.002.085c.046 7.509 6.146 13.581 13.666 13.581 7.548 0 13.666-6.118 13.666-13.666 0-2.191-.517-4.262-1.434-6.098a3 3 0 0 0-.131-.39l-6.666-16-.128-.268-.4-.715c-.962-1.648-2.128-3.156-3.704-4.275-1.863-1.324-4.034-1.921-6.538-1.921a3 3 0 0 0-3 3"/><path fill="url(#early-shaders-b)" d="M49.834 54.501a10.6 10.6 0 0 1 1.557-5.554 3 3 0 0 1-4.12.998q.43.261.807.602l.193.183.182.19a5.34 5.34 0 0 1 1.381 3.581l.001.066q.001.06.004.12-.003-.093-.005-.186M28.74 49.84a4.666 4.666 0 0 1 4.42 4.409l.006.24v.03a4.666 4.666 0 0 1-9.332-.018 4.667 4.667 0 0 1 4.667-4.667zm32.001 0a4.667 4.667 0 0 1 4.426 4.661l-.006.24a4.666 4.666 0 1 1-4.66-4.907zm-21.568 4.853.004.042-.004-.048-.003-.055zm-1.805-6.12a10.6 10.6 0 0 1 1.798 5.9v-.01a5.33 5.33 0 0 1 2.589-4.534l-.027.015a3 3 0 0 1-4.12-.997 11 11 0 0 0-.24-.374m7.788 5.672.001.016v-.016m20.84-14.283a3 3 0 0 1-3.368 4.083 11 11 0 0 0-.973-.148c3.719.4 6.863 2.711 8.435 5.931l-.04-.084a3 3 0 0 1-.217-.573v-.004zM19.168 49.16q.006-.016-.002.01-.078.302-.218.581l-.032.065a10.67 10.67 0 0 1 8.895-5.958q-.739.047-1.442.188a3 3 0 0 1-3.376-4.065zm26.998-21.326a9 9 0 0 1 9-9c3.509 0 6.954.857 10.013 3.03 1.927 1.37 3.367 3.03 4.477 4.66l.456.697.028.044.424.698.046.08.026.045.006.01.4.716.048.088.09.176.044.087.128.269.027.058.061.137.035.078 6.666 16c.07.17.128.332.178.477a19.6 19.6 0 0 1 1.848 8.317c0 10.692-8.531 19.39-19.16 19.66h-.034l-.43.006H60.5c-6.6 0-12.436-3.25-16.003-8.234-3.474 4.854-9.099 8.065-15.49 8.227l-.035.001-.43.006H28.5c-10.692 0-19.39-8.53-19.66-19.16l-.001-.034-.006-.431v-.041c0-2.958.66-5.772 1.837-8.297q.076-.228.187-.499l6.666-16c.05-.118.098-.219.123-.271l.157-.329.066-.131.038-.073c1.128-2.094 2.837-4.867 5.719-6.97 3.137-2.29 6.671-3.097 10.206-3.097l.076.001.309.008.076.003c4.757.241 8.54 4.171 8.54 8.988 0 4.094-2.733 7.545-6.474 8.638a19.7 19.7 0 0 1 5.806 3.89 14.3 14.3 0 0 1 2.333-.194 14.3 14.3 0 0 1 2.33.193 19.7 19.7 0 0 1 5.808-3.89c-3.739-1.093-6.47-4.545-6.47-8.637m16.24 4.043q.173.27.342.555l.345.606.072.14q.035.072.066.145l2.064 4.953-2.107-5.057-.045-.093-.328-.585q-.201-.344-.41-.664m-36.548 1.244-.043.09-.027.062q.047-.109.104-.213zm34.108-3.92c.576.41 1.096.91 1.579 1.493a8.3 8.3 0 0 0-1.578-1.494zm-31.26.174.004-.004zm-7.872 25.126a7.8 7.8 0 0 0 .345 2.28 7.6 7.6 0 0 0 1.647 2.874 7.665 7.665 0 0 0 13.34-5.136v-.039a7.666 7.666 0 0 0-15.332.021m32 0a7.8 7.8 0 0 0 .345 2.28 7.6 7.6 0 0 0 1.647 2.874 7.666 7.666 0 0 0 13.34-5.154 7.667 7.667 0 1 0-15.332 0m21.333 0c0 7.548-6.118 13.666-13.666 13.666-7.52 0-13.62-6.072-13.666-13.581l-.002-.085a2.334 2.334 0 0 0-4.667-.017l.001.017c0 7.548-6.118 13.666-13.666 13.666s-13.667-6.118-13.667-13.666c0-2.188.516-4.255 1.43-6.089q.052-.201.133-.398l6.667-16 .128-.269c.997-1.852 2.189-3.666 3.972-4.968 1.284-.936 2.725-1.503 4.346-1.766q.22-.036.446-.065a14.5 14.5 0 0 1 1.877-.112 3 3 0 0 1 0 6c-1.665 0-2.532.353-3.132.79-.666.486-1.324 1.31-2.164 2.85l-2.762 6.632c.88-.179 1.793-.272 2.726-.272 4.94 0 9.266 2.621 11.667 6.548a8.33 8.33 0 0 1 8.663 0 13.66 13.66 0 0 1 11.67-6.548c.932 0 1.842.093 2.722.27l-2.762-6.626c-.805-1.473-1.518-2.324-2.232-2.832a4 4 0 0 0-.87-.466c-.557-.215-1.258-.346-2.193-.346a3 3 0 0 1 0-6q.94 0 1.817.114c1.315.173 2.527.544 3.64 1.138a10 10 0 0 1 1.081.669c1.576 1.12 2.742 2.627 3.703 4.275l.4.715.129.269 6.666 16q.08.192.132.39a13.6 13.6 0 0 1 1.433 6.097m-25-26.667a6 6 0 0 0 6 6c.393 0 .665.033.849.07q.09.02.155.038a1 1 0 0 1 .32.15c.184.13.606.517 1.267 1.7l.893 2.145a16.64 16.64 0 0 0-10.82 5.733 11.33 11.33 0 0 0-6.665 0 16.64 16.64 0 0 0-10.822-5.733l.896-2.15c.728-1.315 1.108-1.65 1.23-1.74a.4.4 0 0 1 .067-.04 1 1 0 0 1 .154-.058c.085-.024.214-.053.4-.076s.429-.039.742-.039l.309-.008a6 6 0 0 0-.309-11.992q-1.151-.002-2.26.137-.555.07-1.098.18c-.905.181-1.784.447-2.632.81s-1.666.823-2.447 1.394a13.6 13.6 0 0 0-2.279 2.117q-.163.19-.318.38c-.931 1.15-1.652 2.362-2.25 3.471l-.066.132-.127.269q-.033.067-.062.135l-6.667 16a6 6 0 0 0-.168.463 16.6 16.6 0 0 0-1.62 7.61c.23 9.005 7.602 16.235 16.662 16.235l.43-.006c7.392-.187 13.586-5.187 15.57-11.982 2.021 6.927 8.42 11.988 16 11.988l.43-.006c9.006-.228 16.236-7.6 16.236-16.66 0-2.573-.588-5.015-1.634-7.196a6 6 0 0 0-.162-.445l-6.666-16-.061-.136-.128-.269-.091-.176-.4-.715-.026-.044-.424-.699c-1.027-1.629-2.343-3.24-4.134-4.511a13 13 0 0 0-2.404-1.35 13.3 13.3 0 0 0-2.052-.684q-.525-.13-1.063-.22a16.6 16.6 0 0 0-2.756-.222 6 6 0 0 0-6 6"/><path fill="#000" d="M36.166 54.48a7.666 7.666 0 0 0-15.332.021 7.667 7.667 0 0 0 15.332.019zm32.001.021a7.667 7.667 0 1 0-15.333 0 7.667 7.667 0 0 0 15.333 0m6 0c0 7.548-6.118 13.666-13.666 13.666-7.52 0-13.62-6.072-13.666-13.581l-.002-.085a2.334 2.334 0 0 0-4.667-.017l.001.017c0 7.548-6.118 13.666-13.666 13.666s-13.667-6.118-13.667-13.666c0-2.188.516-4.255 1.43-6.089q.052-.201.133-.398l6.667-16 .127-.269c.998-1.852 2.19-3.666 3.973-4.968 1.867-1.362 4.067-1.943 6.669-1.943a3 3 0 0 1 0 6c-1.665 0-2.532.353-3.132.79-.666.486-1.325 1.31-2.164 2.85l-2.763 6.632a13.7 13.7 0 0 1 2.727-.272c4.94 0 9.266 2.621 11.667 6.548a8.33 8.33 0 0 1 8.663 0 13.66 13.66 0 0 1 11.67-6.548c.932 0 1.842.093 2.722.27l-2.762-6.626c-.805-1.473-1.518-2.324-2.233-2.832-.67-.476-1.566-.812-3.062-.812a3 3 0 0 1 0-6c2.504 0 4.675.597 6.538 1.92 1.576 1.12 2.742 2.628 3.703 4.276l.4.715.129.269 6.666 16q.08.192.131.39a13.6 13.6 0 0 1 1.434 6.097"/><path fill="url(#early-shaders-c)" d="M36.166 54.48a7.666 7.666 0 0 0-15.332.021 7.667 7.667 0 0 0 15.332.019zm32.001.021a7.667 7.667 0 1 0-15.333 0 7.667 7.667 0 0 0 15.333 0m6 0c0 7.548-6.118 13.666-13.666 13.666-7.52 0-13.62-6.072-13.666-13.581l-.002-.085a2.334 2.334 0 0 0-4.667-.017l.001.017c0 7.548-6.118 13.666-13.666 13.666s-13.667-6.118-13.667-13.666c0-2.188.516-4.255 1.43-6.089q.052-.201.133-.398l6.667-16 .127-.269c.998-1.852 2.19-3.666 3.973-4.968 1.867-1.362 4.067-1.943 6.669-1.943a3 3 0 0 1 0 6c-1.665 0-2.532.353-3.132.79-.666.486-1.325 1.31-2.164 2.85l-2.763 6.632a13.7 13.7 0 0 1 2.727-.272c4.94 0 9.266 2.621 11.667 6.548a8.33 8.33 0 0 1 8.663 0 13.66 13.66 0 0 1 11.67-6.548c.932 0 1.842.093 2.722.27l-2.762-6.626c-.805-1.473-1.518-2.324-2.233-2.832-.67-.476-1.566-.812-3.062-.812a3 3 0 0 1 0-6c2.504 0 4.675.597 6.538 1.92 1.576 1.12 2.742 2.628 3.703 4.276l.4.715.129.269 6.666 16q.08.192.131.39a13.6 13.6 0 0 1 1.434 6.097"/><path fill="url(#early-shaders-d)" d="M36.166 54.48a7.666 7.666 0 0 0-15.332.021 7.667 7.667 0 0 0 15.332.019zm32.001.021a7.667 7.667 0 1 0-15.333 0 7.667 7.667 0 0 0 15.333 0m6 0c0 7.548-6.118 13.666-13.666 13.666-7.52 0-13.62-6.072-13.666-13.581l-.002-.085a2.334 2.334 0 0 0-4.667-.017l.001.017c0 7.548-6.118 13.666-13.666 13.666s-13.667-6.118-13.667-13.666c0-2.188.516-4.255 1.43-6.089q.052-.201.133-.398l6.667-16 .127-.269c.998-1.852 2.19-3.666 3.973-4.968 1.867-1.362 4.067-1.943 6.669-1.943a3 3 0 0 1 0 6c-1.665 0-2.532.353-3.132.79-.666.486-1.325 1.31-2.164 2.85l-2.763 6.632a13.7 13.7 0 0 1 2.727-.272c4.94 0 9.266 2.621 11.667 6.548a8.33 8.33 0 0 1 8.663 0 13.66 13.66 0 0 1 11.67-6.548c.932 0 1.842.093 2.722.27l-2.762-6.626c-.805-1.473-1.518-2.324-2.233-2.832-.67-.476-1.566-.812-3.062-.812a3 3 0 0 1 0-6c2.504 0 4.675.597 6.538 1.92 1.576 1.12 2.742 2.628 3.703 4.276l.4.715.129.269 6.666 16q.08.192.131.39a13.6 13.6 0 0 1 1.434 6.097"/><defs><linearGradient id="early-shaders-a" x1="25.23" x2="59.547" y1="14.569" y2="83.347" gradientUnits="userSpaceOnUse"><stop stop-color="#2f137c"/><stop offset="1" stop-color="#19359a"/></linearGradient><linearGradient id="early-shaders-b" x1="23.461" x2="62.57" y1="10.686" y2="86.988" gradientUnits="userSpaceOnUse"><stop stop-color="#bddcf3"/><stop offset="1" stop-color="#64aaf4"/></linearGradient><linearGradient id="early-shaders-c" x1="27" x2="56.534" y1="18.453" y2="79.653" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient><linearGradient id="early-shaders-d" x1="27" x2="56.534" y1="18.453" y2="79.653" gradientUnits="userSpaceOnUse"><stop stop-color="#2aa3f3"/><stop offset="1" stop-color="#6d3bf7"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/moderator.svg b/packages/assets/icons/badges/moderator.svg
new file mode 100644
index 000000000..69ac88b4e
--- /dev/null
+++ b/packages/assets/icons/badges/moderator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="#d9d9d9" d="M78.5 49.252c0 21.25-14.875 31.875-32.555 38.037a4.25 4.25 0 0 1-2.848-.042C25.375 81.127 10.5 70.502 10.5 49.252v-29.75a4.25 4.25 0 0 1 4.25-4.25c8.5 0 19.125-5.1 26.52-11.56a4.97 4.97 0 0 1 6.46 0c7.438 6.502 18.02 11.56 26.52 11.56a4.25 4.25 0 0 1 4.25 4.25z"/><path fill="url(#moderator-a)" d="M78.5 49.252c0 21.25-14.875 31.875-32.555 38.037a4.25 4.25 0 0 1-2.848-.042C25.375 81.127 10.5 70.502 10.5 49.252v-29.75a4.25 4.25 0 0 1 4.25-4.25c8.5 0 19.125-5.1 26.52-11.56a4.97 4.97 0 0 1 6.46 0c7.438 6.502 18.02 11.56 26.52 11.56a4.25 4.25 0 0 1 4.25 4.25z"/><path fill="#000" fill-opacity=".6" d="M78.5 49.252c0 21.25-14.875 31.875-32.555 38.037a4.25 4.25 0 0 1-2.848-.042C25.375 81.127 10.5 70.502 10.5 49.252v-29.75a4.25 4.25 0 0 1 4.25-4.25c8.5 0 19.125-5.1 26.52-11.56a4.97 4.97 0 0 1 6.46 0c7.438 6.502 18.02 11.56 26.52 11.56a4.25 4.25 0 0 1 4.25 4.25z"/><path fill="#000" d="M77 19.502a2.75 2.75 0 0 0-2.75-2.75c-8.98 0-19.891-5.278-27.494-11.92l-.244-.19a3.47 3.47 0 0 0-4.268.19c-7.44 6.495-18.172 11.753-27.071 11.916l-.423.004a2.75 2.75 0 0 0-2.75 2.75v29.75c0 10.229 3.562 17.822 9.226 23.623 5.526 5.66 13.117 9.675 21.544 12.668l.817.286.034.012c.59.22 1.237.23 1.834.03 8.731-3.044 16.624-7.142 22.323-12.99C73.438 67.077 77 59.482 77 49.253zm3 29.75c0 11.021-3.875 19.364-10.073 25.724-6.158 6.317-14.541 10.611-23.489 13.73l-.011.004a5.75 5.75 0 0 1-3.82-.046c-8.97-3.097-17.364-7.38-23.528-13.693C12.875 68.616 9 60.273 9 49.252v-29.75a5.75 5.75 0 0 1 5.75-5.75l.758-.015c7.897-.292 17.77-5.055 24.775-11.174l.013-.011a6.47 6.47 0 0 1 8.185-.183l.223.183.014.01c7.271 6.358 17.516 11.19 25.532 11.19a5.75 5.75 0 0 1 5.75 5.75z"/><path fill="url(#moderator-b)" d="M77 19.502a2.75 2.75 0 0 0-2.75-2.75c-8.98 0-19.891-5.278-27.494-11.92l-.244-.19a3.47 3.47 0 0 0-4.268.19c-7.44 6.495-18.172 11.753-27.071 11.916l-.423.004a2.75 2.75 0 0 0-2.75 2.75v29.75c0 10.229 3.562 17.822 9.226 23.623 5.526 5.66 13.117 9.675 21.544 12.668l.817.286.034.012c.59.22 1.237.23 1.834.03 8.731-3.044 16.624-7.142 22.323-12.99C73.438 67.077 77 59.482 77 49.253zm3 29.75c0 11.021-3.875 19.364-10.073 25.724-6.158 6.317-14.541 10.611-23.489 13.73l-.011.004a5.75 5.75 0 0 1-3.82-.046c-8.97-3.097-17.364-7.38-23.528-13.693C12.875 68.616 9 60.273 9 49.252v-29.75a5.75 5.75 0 0 1 5.75-5.75l.758-.015c7.897-.292 17.77-5.055 24.775-11.174l.013-.011a6.47 6.47 0 0 1 8.185-.183l.223.183.014.01c7.271 6.358 17.516 11.19 25.532 11.19a5.75 5.75 0 0 1 5.75 5.75z"/><path fill="url(#moderator-c)" d="M41.75 19.002a2.75 2.75 0 0 1 5.5 0v3.44a39 39 0 0 0 17.25 4.033H67a2.75 2.75 0 1 1 0 5.5h-1.999l7.081 19.302a2.75 2.75 0 0 1-.909 3.13A15.07 15.07 0 0 1 62 57.528c-3.315 0-6.533-1.1-9.173-3.123a2.75 2.75 0 0 1-.909-3.129l7.201-19.632a44.5 44.5 0 0 1-11.869-3.162v33.769H57a2.75 2.75 0 1 1 0 5.5H32a2.75 2.75 0 0 1 0-5.5h9.75V28.483a44.5 44.5 0 0 1-11.87 3.162l7.202 19.632a2.75 2.75 0 0 1-.909 3.13A15.07 15.07 0 0 1 27 57.528c-3.315 0-6.533-1.1-9.173-3.123a2.75 2.75 0 0 1-.909-3.129L24 31.975H22a2.75 2.75 0 0 1 0-5.5h2.5a39 39 0 0 0 17.25-4.034zm-18.9 32.073a9.5 9.5 0 0 0 4.15.954c1.44 0 2.857-.328 4.15-.954L27 39.765zm35 0a9.5 9.5 0 0 0 4.15.954c1.44 0 2.856-.328 4.15-.954L62 39.765z"/><defs><linearGradient id="moderator-a" x1="32.26" x2="84.247" y1="20.057" y2="133.125" gradientUnits="userSpaceOnUse"><stop stop-color="#ffb66c"/><stop offset=".298" stop-color="#ffa347"/><stop offset="1" stop-color="#ff5100"/></linearGradient><linearGradient id="moderator-b" x1="32.26" x2="84.247" y1="20.057" y2="133.125" gradientUnits="userSpaceOnUse"><stop stop-color="#ffb66c"/><stop offset=".298" stop-color="#ffa347"/><stop offset="1" stop-color="#ff5100"/></linearGradient><linearGradient id="moderator-c" x1="35.5" x2="58" y1="28.502" y2="95.002" gradientUnits="userSpaceOnUse"><stop stop-color="#ffb66c"/><stop offset=".298" stop-color="#ffa347"/><stop offset="1" stop-color="#ff5100"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/plus.svg b/packages/assets/icons/badges/plus.svg
new file mode 100644
index 000000000..a9780cbbb
--- /dev/null
+++ b/packages/assets/icons/badges/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="url(#plus-a)" d="M72 57H58a1 1 0 0 0-1 1v14a7 7 0 0 1-7 7H40a7 7 0 0 1-7-7h3l.005.206A4 4 0 0 0 40 76h10l.206-.005A4 4 0 0 0 54 72V58a4 4 0 0 1 4-4h14l.206-.005A4 4 0 0 0 76 50V40a4 4 0 0 0-3.794-3.995L72 36H58a4 4 0 0 1-4-4V18a4 4 0 0 0-3.794-3.995L50 14H40a4 4 0 0 0-3.995 3.794L36 18h-3a7 7 0 0 1 7-7h10a7 7 0 0 1 7 7v14a1 1 0 0 0 1 1h14a7 7 0 0 1 7 7v10a7 7 0 0 1-7 7M33 18h3v14h-3zm-1 18H18a4 4 0 0 0-3.995 3.794L14 40h-3a7 7 0 0 1 7-7h14a1 1 0 0 0 1-1h3l-.005.206A4 4 0 0 1 32 36m1 22h3v14h-3zm-1-1H18a7 7 0 0 1-7-7h3a4 4 0 0 0 4 4h14l.206.005a4 4 0 0 1 3.79 3.789L36 58h-3a1 1 0 0 0-1-1M11 40h3v10h-3z"/><path fill="#000" fill-opacity=".4" d="M72 57H58a1 1 0 0 0-1 1v14a7 7 0 0 1-7 7H40a7 7 0 0 1-7-7h3l.005.206A4 4 0 0 0 40 76h10l.206-.005A4 4 0 0 0 54 72V58a4 4 0 0 1 4-4h14l.206-.005A4 4 0 0 0 76 50V40a4 4 0 0 0-3.794-3.995L72 36H58a4 4 0 0 1-4-4V18a4 4 0 0 0-3.794-3.995L50 14H40a4 4 0 0 0-3.995 3.794L36 18h-3a7 7 0 0 1 7-7h10a7 7 0 0 1 7 7v14a1 1 0 0 0 1 1h14a7 7 0 0 1 7 7v10a7 7 0 0 1-7 7M33 18h3v14h-3zm-1 18H18a4 4 0 0 0-3.995 3.794L14 40h-3a7 7 0 0 1 7-7h14a1 1 0 0 0 1-1h3l-.005.206A4 4 0 0 1 32 36m1 22h3v14h-3zm-1-1H18a7 7 0 0 1-7-7h3a4 4 0 0 0 4 4h14l.206.005a4 4 0 0 1 3.79 3.789L36 58h-3a1 1 0 0 0-1-1M11 40h3v10h-3z"/><path fill="url(#plus-b)" d="M58 54q-.105 0-.206.005A4 4 0 0 0 54 58h-3a7 7 0 0 1 6.64-6.991L58 51h13.97l.096-.002A1 1 0 0 0 73 50V40a1 1 0 0 0-.934-.997L71.97 39H58a7 7 0 0 1-7-7h3q0 .105.005.206A4 4 0 0 0 58 36h14l.206.005A4 4 0 0 1 76 40v10a4 4 0 0 1-3.794 3.995L72 54zM40 76a4 4 0 0 1-3.995-3.794L36 72h-3a7 7 0 0 0 7 7h10a7 7 0 0 0 7-7V58a1 1 0 0 1 1-1h14a7 7 0 0 0 7-7V40a7 7 0 0 0-7-7H58a1 1 0 0 1-1-1V18a7 7 0 0 0-7-7H40a7 7 0 0 0-7 7h3l.005-.206A4 4 0 0 1 40 14h10l.206.005A4 4 0 0 1 54 18v14h-3V18a1 1 0 0 0-.934-.997L49.97 17H40a1 1 0 0 0-.998.934L39 18.03v14.005l-.001.036-.006.246-.002.041A7 7 0 0 1 32 39H18a1 1 0 0 0-.998.934L17 40.03V50a1 1 0 0 0 .898.995L18 51h14.035l.036.001.246.006.041.002a7 7 0 0 1 6.633 6.633l.002.04.006.247.001.036V71.97l.002.097a1 1 0 0 0 .9.928L40 73h9.97l.096-.002A1 1 0 0 0 51 72V58h3v14a4 4 0 0 1-3.794 3.995L50 76zm-8-40a4 4 0 0 0 3.995-3.794L36 32V18h-3v14a1 1 0 0 1-1 1H18a7 7 0 0 0-7 7h3l.005-.206A4 4 0 0 1 18 36zm-2-6V18c0-5.35 4.202-9.72 9.485-9.987L40 8h10c5.523 0 10 4.477 10 10v12h12c5.523 0 10 4.477 10 10v10c0 5.523-4.477 10-10 10H60v12c0 5.523-4.477 10-10 10H40c-5.523 0-10-4.477-10-10h6V58h-3v14h-3V60H18c-5.523 0-10-4.477-10-10h3q0 .18.009.36A7 7 0 0 0 18 57h14a1 1 0 0 1 1 1h3l-.005-.206a4 4 0 0 0-3.789-3.79L32 54H18q-.105 0-.206-.005A4 4 0 0 1 14 50V40h-3v10H8V40l.013-.515C8.28 34.202 12.65 30 18 30z"/><path fill="#fff" fill-opacity=".4" d="M58 54q-.105 0-.206.005A4 4 0 0 0 54 58h-3a7 7 0 0 1 6.64-6.991L58 51h13.97l.096-.002A1 1 0 0 0 73 50V40a1 1 0 0 0-.934-.997L71.97 39H58a7 7 0 0 1-7-7h3q0 .105.005.206A4 4 0 0 0 58 36h14l.206.005A4 4 0 0 1 76 40v10a4 4 0 0 1-3.794 3.995L72 54zM40 76a4 4 0 0 1-3.995-3.794L36 72h-3a7 7 0 0 0 7 7h10a7 7 0 0 0 7-7V58a1 1 0 0 1 1-1h14a7 7 0 0 0 7-7V40a7 7 0 0 0-7-7H58a1 1 0 0 1-1-1V18a7 7 0 0 0-7-7H40a7 7 0 0 0-7 7h3l.005-.206A4 4 0 0 1 40 14h10l.206.005A4 4 0 0 1 54 18v14h-3V18a1 1 0 0 0-.934-.997L49.97 17H40a1 1 0 0 0-.998.934L39 18.03v14.005l-.001.036-.006.246-.002.041A7 7 0 0 1 32 39H18a1 1 0 0 0-.998.934L17 40.03V50a1 1 0 0 0 .898.995L18 51h14.035l.036.001.246.006.041.002a7 7 0 0 1 6.633 6.633l.002.04.006.247.001.036V71.97l.002.097a1 1 0 0 0 .9.928L40 73h9.97l.096-.002A1 1 0 0 0 51 72V58h3v14a4 4 0 0 1-3.794 3.995L50 76zm-8-40a4 4 0 0 0 3.995-3.794L36 32V18h-3v14a1 1 0 0 1-1 1H18a7 7 0 0 0-7 7h3l.005-.206A4 4 0 0 1 18 36zm-2-6V18c0-5.35 4.202-9.72 9.485-9.987L40 8h10c5.523 0 10 4.477 10 10v12h12c5.523 0 10 4.477 10 10v10c0 5.523-4.477 10-10 10H60v12c0 5.523-4.477 10-10 10H40c-5.523 0-10-4.477-10-10h6V58h-3v14h-3V60H18c-5.523 0-10-4.477-10-10h3q0 .18.009.36A7 7 0 0 0 18 57h14a1 1 0 0 1 1 1h3l-.005-.206a4 4 0 0 0-3.789-3.79L32 54H18q-.105 0-.206-.005A4 4 0 0 1 14 50V40h-3v10H8V40l.013-.515C8.28 34.202 12.65 30 18 30z"/><path fill="url(#plus-c)" d="M32 36a4 4 0 0 0 4-4V18a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v14a4 4 0 0 0 4 4h14a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H58a4 4 0 0 0-4 4v14a4 4 0 0 1-4 4H40a4 4 0 0 1-4-4V58a4 4 0 0 0-4-4H18a4 4 0 0 1-4-4V40a4 4 0 0 1 4-4z"/><defs><linearGradient id="plus-a" x1="29" x2="55.5" y1="4.5" y2="85" gradientUnits="userSpaceOnUse"><stop stop-color="#d000ff"/><stop offset="1" stop-color="#7b00ff"/></linearGradient><linearGradient id="plus-b" x1="29" x2="55.5" y1="4.5" y2="85" gradientUnits="userSpaceOnUse"><stop stop-color="#d000ff"/><stop offset="1" stop-color="#2f00ff"/></linearGradient><linearGradient id="plus-c" x1="29" x2="55.5" y1="4.5" y2="85" gradientUnits="userSpaceOnUse"><stop stop-color="#da5fff"/><stop offset="1" stop-color="#7b00ff"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/pride.svg b/packages/assets/icons/badges/pride.svg
new file mode 100644
index 000000000..d47be1dc0
--- /dev/null
+++ b/packages/assets/icons/badges/pride.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><mask id="pride-a" width="78" height="70" x="6" y="11" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#ff2a2a" d="M52.47 11.74a25.2 25.2 0 0 1 15.227.987 25.53 25.53 0 0 1 11.897 9.558 26 26 0 0 1 4.403 14.11l.003.486v.037l-.004.389-.002.072v-.012c-.204 10.093-6.39 17.24-10.716 21.724l-.01.01-.837.86-.01.009c-.003.004-.06.064-.103.105q-.01.01-.02.018L55.99 76.161A14.911 14.911 0 0 1 45.095 81a14.9 14.9 0 0 1-6.238-1.325 15 15 0 0 1-4.768-3.422L17.68 60.073l-.103-.103C13.178 55.487 6 47.917 6 36.858a26.03 26.03 0 0 1 4.445-14.56l.276-.4a25.55 25.55 0 0 1 11.601-9.12l.027-.01.401-.152.027-.01a25.22 25.22 0 0 1 22.201 2.348 25.3 25.3 0 0 1 7.492-3.213"/></mask><g mask="url(#pride-a)"><path fill="#e5001c" d="M87 7H3v22h84z"/><path fill="#ffd909" d="M86.923 32.092H3v17.441h83.923z"/><path fill="#306cf1" d="M86.923 52.514H3v17.894h83.923z"/><path fill="#fa5400" d="M86.923 25.324H3V35.65h83.923z"/><path fill="#1cd96c" d="M86.923 45.975H3v10.324h83.923z"/><path fill="#aa00fd" d="M87 67H3v16h84z"/></g><path fill="#fff" fill-opacity=".3" d="M52.47 11.74a25.2 25.2 0 0 1 15.227.987 25.53 25.53 0 0 1 11.897 9.558 26 26 0 0 1 4.403 14.11l.003.486v.037l-.004.389-.002.072v-.012c-.204 10.093-6.39 17.24-10.716 21.724l-.01.01-.837.86-.01.009c-.003.004-.06.064-.103.105q-.01.01-.02.018L55.99 76.161A14.911 14.911 0 0 1 45.095 81a14.9 14.9 0 0 1-6.238-1.325 15 15 0 0 1-4.768-3.422L17.68 60.073l-.103-.103C13.178 55.487 6 47.917 6 36.858a26.03 26.03 0 0 1 4.445-14.56l.276-.4a25.55 25.55 0 0 1 11.601-9.12l.027-.01.401-.152.027-.01a25.22 25.22 0 0 1 22.201 2.348 25.3 25.3 0 0 1 7.492-3.213"/><path fill="url(#pride-b)" fill-opacity=".3" d="M52.47 11.74a25.2 25.2 0 0 1 15.227.987 25.53 25.53 0 0 1 11.897 9.558 26 26 0 0 1 4.403 14.11l.003.486v.037l-.004.389-.002.072v-.012c-.204 10.093-6.39 17.24-10.716 21.724l-.01.01-.837.86-.01.009c-.003.004-.06.064-.103.105q-.01.01-.02.018L55.99 76.161A14.911 14.911 0 0 1 45.095 81a14.9 14.9 0 0 1-6.238-1.325 15 15 0 0 1-4.768-3.422L17.68 60.073l-.103-.103C13.178 55.487 6 47.917 6 36.858a26.03 26.03 0 0 1 4.445-14.56l.276-.4a25.55 25.55 0 0 1 11.601-9.12l.027-.01.401-.152.027-.01a25.22 25.22 0 0 1 22.201 2.348 25.3 25.3 0 0 1 7.492-3.213"/><mask id="pride-c" width="72" height="64" x="9" y="14" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" d="M53.191 14.652a22.2 22.2 0 0 1 13.415.87 22.52 22.52 0 0 1 10.498 8.436A23 23 0 0 1 81 36.87v.019l-.004.389v.03c-.18 8.855-5.6 15.267-9.877 19.7l-.838.861q-.04.042-.07.07l-16.37 16.13A11.91 11.91 0 0 1 45.075 78a11.9 11.9 0 0 1-4.982-1.058 12 12 0 0 1-3.862-2.789L19.787 57.937l-.068-.069C15.287 53.354 9 46.575 9 36.858a23.03 23.03 0 0 1 3.932-12.881 22.56 22.56 0 0 1 10.481-8.404l.401-.152a22.2 22.2 0 0 1 12.98-.731 22.4 22.4 0 0 1 8.192 3.914 22.35 22.35 0 0 1 8.205-3.952M12.004 37.248c.164 8.17 5.46 14.042 9.855 18.519l.035.034 16.485 16.257a9 9 0 0 0 2.95 2.15 8.9 8.9 0 0 0 3.245.782l.482.01a8.9 8.9 0 0 0 3.275-.647l.441-.193a9 9 0 0 0 2.909-2.174l16.425-16.184.035-.035c4.328-4.41 9.525-10.196 9.843-18.14l.012-.38.004-.39a20 20 0 0 0-2.982-10.598l-.405-.628a19.54 19.54 0 0 0-8.41-7.031l-.687-.284a19.2 19.2 0 0 0-11.603-.751l-.628.166a19.4 19.4 0 0 0-8.29 4.829l-.472-.445a19.4 19.4 0 0 0-7.817-4.346l-.627-.165a19.2 19.2 0 0 0-11.575.764 19.55 19.55 0 0 0-9.086 7.287l-.405.626A20.04 20.04 0 0 0 12 36.858z"/></mask><g mask="url(#pride-c)"><path fill="#e5001c" d="M87 7H3v22h84z"/><path fill="#ffd909" d="M86.923 32.092H3v17.441h83.923z"/><path fill="#306cf1" d="M86.923 52.514H3v17.894h83.923z"/><path fill="#fa5400" d="M86.923 25.324H3V35.65h83.923z"/><path fill="#1cd96c" d="M86.923 45.975H3v10.324h83.923z"/><path fill="#aa00fd" d="M87 67H3v16h84z"/></g><path fill="#000" fill-opacity=".5" d="M53.191 14.652a22.2 22.2 0 0 1 13.415.87 22.52 22.52 0 0 1 10.498 8.436A23 23 0 0 1 81 36.87v.019l-.004.389v.03c-.18 8.855-5.6 15.267-9.877 19.7l-.838.861q-.04.042-.07.07l-16.37 16.13A11.91 11.91 0 0 1 45.075 78a11.9 11.9 0 0 1-4.982-1.058 12 12 0 0 1-3.862-2.789L19.787 57.937l-.068-.069C15.287 53.354 9 46.575 9 36.858a23.03 23.03 0 0 1 3.932-12.881 22.56 22.56 0 0 1 10.481-8.404l.401-.152a22.2 22.2 0 0 1 12.98-.731 22.4 22.4 0 0 1 8.192 3.914 22.35 22.35 0 0 1 8.205-3.952M12.004 37.248c.164 8.17 5.46 14.042 9.855 18.519l.035.034 16.485 16.257a9 9 0 0 0 2.95 2.15 8.9 8.9 0 0 0 3.245.782l.482.01a8.9 8.9 0 0 0 3.275-.647l.441-.193a9 9 0 0 0 2.909-2.174l16.425-16.184.035-.035c4.328-4.41 9.525-10.196 9.843-18.14l.012-.38.004-.39a20 20 0 0 0-2.982-10.598l-.405-.628a19.54 19.54 0 0 0-8.41-7.031l-.687-.284a19.2 19.2 0 0 0-11.603-.751l-.628.166a19.4 19.4 0 0 0-8.29 4.829l-.472-.445a19.4 19.4 0 0 0-7.817-4.346l-.627-.165a19.2 19.2 0 0 0-11.575.764 19.55 19.55 0 0 0-9.086 7.287l-.405.626A20.04 20.04 0 0 0 12 36.858z"/><mask id="pride-d" width="66" height="58" x="12" y="17" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#fff" d="M53.913 17.564a19.2 19.2 0 0 1 11.603.752c3.7 1.445 6.87 4 9.097 7.315A20 20 0 0 1 78 36.857l-.004.389c-.164 8.14-5.458 14.041-9.855 18.52l-.035.036L51.68 71.986a9 9 0 0 1-2.908 2.174 8.906 8.906 0 0 1-7.443.048 9 9 0 0 1-2.951-2.15L21.894 55.8l-.035-.035C17.395 51.22 12 45.232 12 36.858a20.03 20.03 0 0 1 3.418-11.202 19.55 19.55 0 0 1 9.086-7.287 19.2 19.2 0 0 1 11.575-.765 19.4 19.4 0 0 1 8.916 4.956 19.4 19.4 0 0 1 8.918-4.995"/></mask><g mask="url(#pride-d)"><path fill="#e5001c" d="M87 7H3v22h84z"/><path fill="#ffd909" d="M86.923 32.092H3v17.441h83.923z"/><path fill="#306cf1" d="M86.923 52.514H3v17.894h83.923z"/><path fill="#fa5400" d="M86.923 25.324H3V35.65h83.923z"/><path fill="#1cd96c" d="M86.923 45.975H3v10.324h83.923z"/><path fill="#aa00fd" d="M87 67H3v16h84z"/></g><path fill="url(#pride-e)" fill-opacity=".3" d="M53.913 17.564a19.2 19.2 0 0 1 11.603.752c3.7 1.445 6.87 4 9.097 7.315A20 20 0 0 1 78 36.857l-.004.389c-.164 8.14-5.458 14.041-9.855 18.52l-.035.036L51.68 71.986a9 9 0 0 1-2.908 2.174 8.906 8.906 0 0 1-7.443.048 9 9 0 0 1-2.951-2.15L21.894 55.8l-.035-.035C17.395 51.22 12 45.232 12 36.858a20.03 20.03 0 0 1 3.418-11.202 19.55 19.55 0 0 1 9.086-7.287 19.2 19.2 0 0 1 11.575-.765 19.4 19.4 0 0 1 8.916 4.956 19.4 19.4 0 0 1 8.918-4.995"/><defs><linearGradient id="pride-b" x1="55.045" x2="28.661" y1="97.897" y2="20.99" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="pride-e" x1="53.5" x2="32" y1="89" y2="25" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-opacity="0"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/icons/badges/staff.svg b/packages/assets/icons/badges/staff.svg
new file mode 100644
index 000000000..40443abab
--- /dev/null
+++ b/packages/assets/icons/badges/staff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" fill="none" viewBox="0 0 90 90"><path fill="url(#staff-a)" d="M85 45c0 22.091-17.909 40-40 40S5 67.091 5 45 22.909 5 45 5s40 17.909 40 40"/><path fill="#000" fill-opacity=".8" d="M85 45c0 22.091-17.909 40-40 40S5 67.091 5 45 22.909 5 45 5s40 17.909 40 40"/><path fill="url(#staff-b)" d="M85 45C85 22.909 67.091 5 45 5S5 22.909 5 45s17.909 40 40 40 40-17.909 40-40m3 0c0 23.748-19.252 43-43 43S2 68.748 2 45 21.252 2 45 2s43 19.252 43 43"/><path fill="url(#staff-c)" fill-rule="evenodd" d="M77.835 53.867A34.042 34.042 0 1 0 11.1 41.5h5.758a28.206 28.206 0 0 1 54.336-6.522l-5.595 1.497A22.33 22.33 0 0 0 51.682 23.75l-1.031 5.821a16.464 16.464 0 0 1 1.329 30.357l1.53 5.71a22.324 22.324 0 0 0 13.595-23.514l5.576-1.487c.59 3.72.416 7.52-.508 11.171z" clip-rule="evenodd"/><path fill="url(#staff-d)" d="M53.77 77.865A34.036 34.036 0 0 1 11 47.489h5.759A28.6 28.6 0 0 0 19.355 57l5.125-3.076a22.352 22.352 0 0 1 21.46-31.191l-1.042 5.82a16.5 16.5 0 0 0-15.87 20.736c.15.542.308 1.08.514 1.56l6.555-3.93-1.962-5.222 6.19-6.358 7.827-1.684 2.25 2.797-3.608 3.652-3.143.989-2.251 2.312 1.104 3.062s2.226 2.37 2.231 2.37l3.153-.834 2.24-2.462 4.895-1.555 1.44 3.282-5.029 6.186-8.465 2.673-3.8-4.228-6.618 3.978a16.53 16.53 0 0 0 13.782 5.562l1.53 5.725a22.36 22.36 0 0 1-20.384-8.24l-5.106 3.062a28.22 28.22 0 0 0 47.795-4.688l5.663 2.058a33.96 33.96 0 0 1-22.06 18.509"/><defs><linearGradient id="staff-a" x1="17.289" x2="58.84" y1="-6.043" y2="119.285" gradientUnits="userSpaceOnUse"><stop offset=".103" stop-color="#1bd96a"/><stop offset=".321" stop-color="#4ef092"/><stop offset=".66" stop-color="#1bd96a"/><stop offset="1" stop-color="#0e7338"/></linearGradient><linearGradient id="staff-b" x1="10.553" x2="72.296" y1="-6.667" y2="93.318" gradientUnits="userSpaceOnUse"><stop stop-color="#1bd9aa"/><stop offset=".5" stop-color="#1bd96a"/><stop offset="1" stop-color="#1bd951"/></linearGradient><linearGradient id="staff-c" x1="15.813" x2="53.404" y1="3.032" y2="78.68" gradientUnits="userSpaceOnUse"><stop stop-color="#1bd9aa"/><stop offset=".5" stop-color="#1bd96a"/><stop offset="1" stop-color="#1bd951"/></linearGradient><linearGradient id="staff-d" x1="15.5" x2="56" y1="14.5" y2="90" gradientUnits="userSpaceOnUse"><stop stop-color="#1bd9aa"/><stop offset=".5" stop-color="#1bd96a"/><stop offset="1" stop-color="#1bd951"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/assets/styles/classes.scss b/packages/assets/styles/classes.scss
index 1822c5fda..e2018245a 100644
--- a/packages/assets/styles/classes.scss
+++ b/packages/assets/styles/classes.scss
@@ -495,12 +495,13 @@ a:not(.no-click-animation),
 
 // CARDS
 .base-card {
-	padding: var(--gap-xl);
+	padding: 1rem;
 	position: relative;
 	min-height: var(--font-size-2xl);
 
-	background-color: var(--color-raised-bg);
+	background-color: var(--surface-3);
 	border-radius: var(--radius-lg);
+	border: 1px solid var(--surface-4);
 
 	margin-bottom: var(--gap-md);
 	outline: 2px solid transparent;
@@ -526,19 +527,6 @@ a:not(.no-click-animation),
 			text-decoration: underline;
 		}
 	}
-
-	// TODO: Add back later
-	//&.warning {
-	//  border-left: 0.5rem solid var(--color-warning-banner-side);
-	//  background-color: var(--color-warning-banner-bg);
-	//  color: var(--color-warning-banner-text);
-	//}
-	//
-	//&.information {
-	//  border-left: 0.5rem solid var(--color-info-banner-side);
-	//  background-color: var(--color-info-banner-bg);
-	//  color: var(--color-info-banner-text);
-	//}
 }
 
 .card {
@@ -654,20 +642,20 @@ a:not(.no-click-animation),
 .v-popper--theme-dropdown,
 .v-popper--theme-dropdown.v-popper--theme-ribbit-popout {
 	.v-popper__inner {
-		border: 1px solid var(--color-divider) !important;
+		border: 1px solid var(--surface-5) !important;
 		padding: var(--gap-sm) !important;
 		width: fit-content !important;
-		border-radius: var(--radius-md) !important;
-		background-color: var(--color-raised-bg) !important;
-		box-shadow: var(--shadow-floating) !important;
+		border-radius: 12px !important;
+		background-color: var(--surface-3) !important;
+		box-shadow: 3px 3px 0.8rem rgba(0, 0, 0, 0.3) !important;
 	}
 
 	.v-popper__arrow-outer {
-		border-color: var(--color-divider) !important;
+		border-color: var(--surface-5) !important;
 	}
 
 	.v-popper__arrow-inner {
-		border-color: var(--color-raised-bg) !important;
+		border-color: var(--surface-3) !important;
 	}
 }
 
@@ -711,22 +699,25 @@ a:not(.no-click-animation),
 }
 
 .v-popper--theme-tooltip {
-	pointer-events: none;
-
 	.v-popper__inner {
-		background: var(--color-tooltip-bg) !important;
-		color: var(--color-tooltip-text) !important;
-		padding: 0.5rem 0.5rem !important;
-		border-radius: var(--radius-sm) !important;
-		filter: drop-shadow(5px 5px 0.8rem rgba(0, 0, 0, 0.35));
+		background: var(--surface-3) !important;
+		color: var(--color-contrast) !important;
+		padding: 0.625rem 0.75rem !important;
+		border-radius: 12px !important;
+		filter: drop-shadow(2px 2px 0.4rem rgba(0, 0, 0, 0.5));
 		font-size: 0.9rem;
-		font-weight: bold;
+		font-weight: 500;
 		line-height: 1;
+		border: 1px solid var(--surface-5);
+	}
+
+	.v-popper__arrow-outer {
+		border-color: var(--surface-5) !important;
 	}
 
-	.v-popper__arrow-outer,
 	.v-popper__arrow-inner {
-		border-color: var(--color-tooltip-bg);
+		visibility: visible;
+		border-color: var(--surface-3) !important;
 	}
 }
 
diff --git a/packages/ui/src/components/base/NavTabs.vue b/packages/ui/src/components/base/NavTabs.vue
index 76b095746..a4d45bf1b 100644
--- a/packages/ui/src/components/base/NavTabs.vue
+++ b/packages/ui/src/components/base/NavTabs.vue
@@ -3,7 +3,7 @@
 		v-if="filteredLinks.length > 1"
 		ref="scrollContainer"
 		class="relative flex w-fit overflow-x-auto rounded-full bg-bg-raised p-1 text-sm font-bold"
-		:class="{ 'drop-shadow-xl': mode === 'navigation' }"
+		:class="{ 'drop-shadow-xl border border-solid border-surface-4': mode === 'navigation' }"
 	>
 		<template v-if="mode === 'navigation'">
 			<RouterLink
diff --git a/packages/ui/src/components/index.ts b/packages/ui/src/components/index.ts
index 572639925..11934cb1f 100644
--- a/packages/ui/src/components/index.ts
+++ b/packages/ui/src/components/index.ts
@@ -14,4 +14,5 @@ export * from './search'
 export * from './servers'
 export * from './settings'
 export * from './skin'
+export * from './user'
 export * from './version'
diff --git a/packages/ui/src/components/user/UserBadge.vue b/packages/ui/src/components/user/UserBadge.vue
new file mode 100644
index 000000000..625847c0c
--- /dev/null
+++ b/packages/ui/src/components/user/UserBadge.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { ExternalIcon } from '@modrinth/assets'
+import { Tooltip } from 'floating-vue'
+import { type Component, useId } from 'vue'
+
+import { type MessageDescriptor, useVIntl } from '#ui/composables/i18n.ts'
+
+import AutoLink from '../base/AutoLink.vue'
+
+const { formatMessage } = useVIntl()
+
+defineProps<{
+	icon: Component
+	name: MessageDescriptor
+	about: MessageDescriptor[]
+	values?: Record<string, unknown>
+	link?: {
+		href: string
+		message: MessageDescriptor
+	}
+}>()
+
+const baseId = useId()
+</script>
+<template>
+	<Tooltip theme="tooltip" :triggers="['hover', 'focus']" :aria-id="`${baseId}-${name.id}`">
+		<AutoLink
+			:to="link?.href"
+			class="rounded-2xl flex"
+			:class="{
+				'hover:bg-surface-4 focus:bg-surface-4': !!link,
+			}"
+			target="_blank"
+			tabindex="0"
+		>
+			<component :is="icon" class="size-full p-0.5" />
+		</AutoLink>
+		<template #popper>
+			<div class="flex flex-col max-w-[22rem] leading-tight gap-0.5">
+				<span class="text-contrast mb-1">{{ formatMessage(name, values) }}</span>
+				<span v-for="message of about" :key="message.id" class="text-primary">
+					{{ formatMessage(message, values) }}
+				</span>
+				<span v-if="link" class="text-secondary text-xs opacity-80">
+					{{ formatMessage(link.message, values) }} <ExternalIcon />
+				</span>
+			</div>
+		</template>
+	</Tooltip>
+</template>
diff --git a/packages/ui/src/components/user/UserBadges.vue b/packages/ui/src/components/user/UserBadges.vue
new file mode 100644
index 000000000..77fc2fc4d
--- /dev/null
+++ b/packages/ui/src/components/user/UserBadges.vue
@@ -0,0 +1,507 @@
+<script setup lang="ts">
+import type { Labrinth } from '@modrinth/api-client'
+import {
+	AlphaBadge,
+	BetaBadge,
+	Downloads1mBadge,
+	Downloads10mBadge,
+	Downloads25mBadge,
+	Downloads50mBadge,
+	Downloads100mBadge,
+	Downloads250mBadge,
+	Downloads500mBadge,
+	EarlyDatapackBadge,
+	EarlyHostingBadge,
+	EarlyModpackBadge,
+	EarlyPluginBadge,
+	EarlyResourcepackBadge,
+	EarlyServersBadge,
+	EarlyShadersBadge,
+	ModeratorBadge,
+	PlusBadge,
+	PrideBadge,
+	StaffBadge,
+} from '@modrinth/assets'
+import {
+	defineMessage,
+	defineMessages,
+	type MessageDescriptor,
+	useFormatNumber,
+	useVIntl,
+} from '@modrinth/ui'
+import { UserBadge as BadgeBitflag } from '@modrinth/utils'
+import { type Component, computed } from 'vue'
+
+import UserBadge from './UserBadge.vue'
+
+const { formatMessage } = useVIntl()
+const formatNumber = useFormatNumber()
+
+type EarlyAdopterProjectTypes =
+	| 'modpack'
+	| 'resourcepack'
+	| 'plugin'
+	| 'datapack'
+	| 'shader'
+	| 'server'
+
+type BadgeCriterion =
+	| {
+			type: 'earliest_project_date'
+			project_type: EarlyAdopterProjectTypes
+			cutoff: Date
+	  }
+	| {
+			type: 'join_date'
+			cutoff: Date
+	  }
+	| {
+			type: 'badge'
+			bitflag: number
+	  }
+	| {
+			type: 'midas'
+	  }
+	| {
+			type: 'pride'
+	  }
+	| {
+			type: 'role'
+			role: Labrinth.Users.v3.Role
+	  }
+
+type Badge = {
+	icon: Component
+	name: MessageDescriptor
+	about: MessageDescriptor[]
+	criteria: BadgeCriterion[] // if any criterion matches, the badge will apply (OR logic)
+	link?: {
+		href: string
+		message: MessageDescriptor
+	}
+}
+
+const BADGES = [
+	{
+		icon: StaffBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.staff.name',
+			defaultMessage: 'Modrinth Team',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.staff.about.1',
+				defaultMessage: `This user works for Modrinth.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'role',
+				role: 'admin',
+			},
+			{
+				type: 'role',
+				role: 'moderator',
+			},
+		],
+	},
+	{
+		icon: ModeratorBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.moderator.name',
+			defaultMessage: 'Content Moderator',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.moderator.about.1',
+				defaultMessage: `This user works for Modrinth as a Content Moderator.`,
+			}),
+			defineMessage({
+				id: 'user.profile.badge.moderator.about.2',
+				defaultMessage: `Content Moderators on Modrinth review projects, handle reports, and help keep Modrinth safe.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'role',
+				role: 'moderator',
+			},
+		],
+	},
+	{
+		icon: AlphaBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.alpha.name',
+			defaultMessage: 'Alpha Tester',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.alpha.about.1',
+				defaultMessage: `This user has been around since Modrinth Alpha, which ended in November 2020`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'badge',
+				bitflag: BadgeBitflag.ALPHA_TESTER,
+			},
+			{
+				type: 'join_date',
+				cutoff: new Date('2020-11-30T08:00:00.000Z'),
+			},
+		],
+	},
+	{
+		icon: BetaBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.beta.name',
+			defaultMessage: 'Beta Tester',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.beta.about.1',
+				defaultMessage: `This user has been around since Modrinth Beta, which ended in February 2022.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'join_date',
+				cutoff: new Date('2022-02-27T08:00:00.000Z'),
+			},
+		],
+		link: {
+			href: 'https://modrinth.com/news/article/modrinth-beta/',
+			message: defineMessage({
+				id: 'user.profile.badge.beta.link',
+				defaultMessage: `Click to read about the launch of Modrinth Beta.`,
+			}),
+		},
+	},
+	{
+		icon: PlusBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.plus.name',
+			defaultMessage: 'Modrinth+ Member',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.plus.about.1',
+				defaultMessage: `This user is going the extra mile to support Modrinth and the creators on the platform.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'badge',
+				bitflag: BadgeBitflag.MIDAS,
+			},
+			{
+				type: 'midas',
+			},
+		],
+		link: {
+			href: 'https://modrinth.com/plus',
+			message: defineMessage({
+				id: 'user.profile.badge.plus.link',
+				defaultMessage: `Click to learn more about how you can become a member.`,
+			}),
+		},
+	},
+	{
+		icon: PrideBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.pride.name',
+			defaultMessage: 'Pride Fundraiser Supporter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.pride.about.1',
+				defaultMessage: `This user participated in at least one of Modrinth's Pride fundraisers for the LGBTQ+ community.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'pride',
+			},
+		],
+		link: {
+			href: 'https://modrinth.com/pride',
+			message: defineMessage({
+				id: 'user.profile.badge.pride.link',
+				defaultMessage: `Click to visit our latest Pride fundraiser.`,
+			}),
+		},
+	},
+	{
+		icon: EarlyModpackBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.early-modpack-adopter.name',
+			defaultMessage: 'Early Modpack Adopter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.early-modpack-adopter.about.1',
+				defaultMessage: `This user helped us test Modpack projects on Modrinth before we launched them in May 2022.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'earliest_project_date',
+				project_type: 'modpack',
+				cutoff: new Date('2022-05-23T00:57:00.000Z'),
+			},
+			{
+				type: 'badge',
+				bitflag: BadgeBitflag.EARLY_MODPACK_ADOPTER,
+			},
+		],
+	},
+	{
+		icon: EarlyResourcepackBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.early-resourcepack-adopter.name',
+			defaultMessage: 'Early Resource Pack Adopter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.early-resourcepack-adopter.about.1',
+				defaultMessage: `This user helped us test Resource Pack projects on Modrinth before we launched them in August 2022.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'earliest_project_date',
+				project_type: 'resourcepack',
+				cutoff: new Date('2022-08-27T23:03:00.000Z'),
+			},
+			{
+				type: 'badge',
+				bitflag: BadgeBitflag.EARLY_RESPACK_ADOPTER,
+			},
+		],
+	},
+	{
+		icon: EarlyPluginBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.early-plugin-adopter.name',
+			defaultMessage: 'Early Plugin Adopter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.early-plugin-adopter.about.1',
+				defaultMessage: `This user helped us test Plugin projects on Modrinth before we launched them in August 2022.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'earliest_project_date',
+				project_type: 'plugin',
+				cutoff: new Date('2022-08-27T23:03:00.000Z'),
+			},
+			{
+				type: 'badge',
+				bitflag: BadgeBitflag.EARLY_PLUGIN_ADOPTER,
+			},
+		],
+	},
+	{
+		icon: EarlyDatapackBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.early-datapack-adopter.name',
+			defaultMessage: 'Early Data Pack Adopter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.early-datapack-adopter.about.1',
+				defaultMessage: `This user helped us test Data Pack projects on Modrinth before we launched them in January 2023.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'earliest_project_date',
+				project_type: 'datapack',
+				cutoff: new Date('2023-01-08T02:00:00.000Z'),
+			},
+		],
+	},
+	{
+		icon: EarlyShadersBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.early-shader-adopter.name',
+			defaultMessage: 'Early Shader Adopter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.early-shader-adopter.about.1',
+				defaultMessage: `This user helped us test Shader projects on Modrinth before we launched them in January 2023.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'earliest_project_date',
+				project_type: 'shader',
+				cutoff: new Date('2023-01-08T02:00:00.000Z'),
+			},
+		],
+	},
+	{
+		icon: EarlyServersBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.early-server-adopter.name',
+			defaultMessage: 'Early Server Adopter',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.early-server-adopter.about.1',
+				defaultMessage: `This user helped us test Server projects on Modrinth before we launched them in March 2026.`,
+			}),
+		],
+		criteria: [
+			{
+				type: 'earliest_project_date',
+				project_type: 'server',
+				cutoff: new Date('2026-03-04T01:33:00.000Z'),
+			},
+		],
+	},
+	{
+		icon: EarlyHostingBadge,
+		name: defineMessage({
+			id: 'user.profile.badge.hosting-alpha.name',
+			defaultMessage: 'Modrinth Hosting Alpha Tester',
+		}),
+		about: [
+			defineMessage({
+				id: 'user.profile.badge.hosting-alpha.about.1',
+				defaultMessage: `This user participated in a closed alpha test of Modrinth Hosting before we launched Modrinth Hosting Beta in November 2024`,
+			}),
+		],
+		criteria: [], // TODO: Add badge on backend for Hosting Alpha Tester
+	},
+] satisfies Badge[]
+
+const DOWNLOAD_BADGES = [
+	{
+		icon: Downloads1mBadge,
+		threshold: 1_000_000,
+	},
+	{
+		icon: Downloads10mBadge,
+		threshold: 10_000_000,
+	},
+	{
+		icon: Downloads25mBadge,
+		threshold: 25_000_000,
+	},
+	{
+		icon: Downloads50mBadge,
+		threshold: 50_000_000,
+	},
+	{
+		icon: Downloads100mBadge,
+		threshold: 100_000_000,
+	},
+	{
+		icon: Downloads250mBadge,
+		threshold: 250_000_000,
+	},
+	{
+		icon: Downloads500mBadge,
+		threshold: 500_000_000,
+	},
+].sort((a, b) => b.threshold - a.threshold)
+
+const props = defineProps<{
+	role: Labrinth.Users.v2.Role
+	badges: number
+	hasMidas?: boolean
+	hasPride?: boolean
+	downloads: number
+	joinDate: Date
+	earliestProjectByType: Record<EarlyAdopterProjectTypes, Date>
+}>()
+
+const downloadsBadge = computed(() => {
+	return DOWNLOAD_BADGES.find((badge) => props.downloads >= badge.threshold)
+})
+
+const messages = defineMessages({
+	title: {
+		id: 'profile.label.badges',
+		defaultMessage: 'Badges',
+	},
+	downloadsBadgeName: {
+		id: 'user.profile.badge.downloads.name',
+		defaultMessage: '{download_sum} Downloads',
+	},
+	downloadsBadgeAbout1: {
+		id: 'user.profile.badge.downloads.about.1',
+		defaultMessage: `This user's projects have collectively achieved {download_sum} downloads.`,
+	},
+})
+
+function passesCriterion(criterion: BadgeCriterion) {
+	switch (criterion.type) {
+		case 'role': {
+			return props.role === criterion.role
+		}
+		case 'badge': {
+			return props.badges & criterion.bitflag
+		}
+		case 'midas': {
+			return props.hasMidas === true
+		}
+		case 'pride': {
+			return props.hasPride === true
+		}
+		case 'join_date': {
+			return props.joinDate < criterion.cutoff
+		}
+		case 'earliest_project_date': {
+			const date = props.earliestProjectByType[criterion.project_type]
+			return date && date < criterion.cutoff
+		}
+		default: {
+			return false
+		}
+	}
+}
+
+const earnedBadges = computed(() => {
+	const badges: Badge[] = []
+
+	loopingBadges: for (const badge of BADGES) {
+		for (const criterion of badge.criteria) {
+			if (passesCriterion(criterion)) {
+				badges.push(badge)
+				continue loopingBadges
+			}
+		}
+	}
+	return badges
+})
+</script>
+
+<template>
+	<div v-if="earnedBadges.length > 0 || !!downloadsBadge" class="flex flex-col">
+		<h2 class="text-lg text-contrast m-0 mb-2">
+			{{ formatMessage(messages.title) }}
+		</h2>
+		<div class="grid grid-cols-[repeat(auto-fill,minmax(64px,1fr))] gap-2">
+			<UserBadge
+				v-for="badge in earnedBadges"
+				:key="badge.name.id"
+				:name="badge.name"
+				:icon="badge.icon"
+				:about="badge.about"
+				:link="badge.link"
+			/>
+			<UserBadge
+				v-if="downloadsBadge"
+				:name="messages.downloadsBadgeName"
+				:icon="downloadsBadge.icon"
+				:about="[messages.downloadsBadgeAbout1]"
+				:values="{ download_sum: formatNumber(downloadsBadge.threshold) }"
+			/>
+		</div>
+	</div>
+</template>
diff --git a/packages/ui/src/components/user/index.ts b/packages/ui/src/components/user/index.ts
new file mode 100644
index 000000000..1d760e312
--- /dev/null
+++ b/packages/ui/src/components/user/index.ts
@@ -0,0 +1 @@
+export { default as UserBadges } from './UserBadges.vue'
diff --git a/packages/ui/src/layouts/shared/browse-tab/sidebar.vue b/packages/ui/src/layouts/shared/browse-tab/sidebar.vue
index 968c22a03..c8a4fedf8 100644
--- a/packages/ui/src/layouts/shared/browse-tab/sidebar.vue
+++ b/packages/ui/src/layouts/shared/browse-tab/sidebar.vue
@@ -30,14 +30,14 @@ const filterClass = computed(() => {
 	if (ctx.filtersMenuOpen?.value) {
 		return 'border-0 border-b-[1px] border-solid border-divider last:border-b-0'
 	}
-	return 'card-shadow rounded-2xl bg-bg-raised'
+	return 'card-shadow rounded-2xl bg-surface-3 border border-solid border-surface-4'
 })
 
 const buttonClass = computed(() => {
 	if (isApp.value) {
-		return 'button-animation flex flex-col gap-1 px-4 py-3 w-full bg-transparent cursor-pointer border-none hover:bg-button-bg'
+		return 'button-animation flex flex-col gap-1 px-3 py-3 w-full bg-transparent cursor-pointer border-none hover:bg-button-bg'
 	}
-	return 'button-animation flex flex-col gap-1 px-6 py-4 w-full bg-transparent cursor-pointer border-none'
+	return 'button-animation flex flex-col gap-1 px-6 py-3 w-full bg-transparent cursor-pointer border-none'
 })
 
 const contentClass = computed(() => (isApp.value ? 'mt-2 mb-3' : 'mb-4 mx-3'))
diff --git a/packages/ui/src/locales/en-US/index.json b/packages/ui/src/locales/en-US/index.json
index c7520ca2b..2d7f7f921 100644
--- a/packages/ui/src/locales/en-US/index.json
+++ b/packages/ui/src/locales/en-US/index.json
@@ -2423,6 +2423,9 @@
   "payment-method.visa": {
     "defaultMessage": "Visa"
   },
+  "profile.label.badges": {
+    "defaultMessage": "Badges"
+  },
   "project-card.date.published.tooltip": {
     "defaultMessage": "Published {date}"
   },
@@ -4483,5 +4486,101 @@
   },
   "ui.stacked-admonitions.dismiss-all": {
     "defaultMessage": "Dismiss all"
+  },
+  "user.profile.badge.alpha.about.1": {
+    "defaultMessage": "This user has been around since Modrinth Alpha, which ended in November 2020"
+  },
+  "user.profile.badge.alpha.name": {
+    "defaultMessage": "Alpha Tester"
+  },
+  "user.profile.badge.beta.about.1": {
+    "defaultMessage": "This user has been around since Modrinth Beta, which ended in February 2022."
+  },
+  "user.profile.badge.beta.link": {
+    "defaultMessage": "Click to read about the launch of Modrinth Beta."
+  },
+  "user.profile.badge.beta.name": {
+    "defaultMessage": "Beta Tester"
+  },
+  "user.profile.badge.downloads.about.1": {
+    "defaultMessage": "This user's projects have collectively achieved {download_sum} downloads."
+  },
+  "user.profile.badge.downloads.name": {
+    "defaultMessage": "{download_sum} Downloads"
+  },
+  "user.profile.badge.early-datapack-adopter.about.1": {
+    "defaultMessage": "This user helped us test Data Pack projects on Modrinth before we launched them in January 2023."
+  },
+  "user.profile.badge.early-datapack-adopter.name": {
+    "defaultMessage": "Early Data Pack Adopter"
+  },
+  "user.profile.badge.early-modpack-adopter.about.1": {
+    "defaultMessage": "This user helped us test Modpack projects on Modrinth before we launched them in May 2022."
+  },
+  "user.profile.badge.early-modpack-adopter.name": {
+    "defaultMessage": "Early Modpack Adopter"
+  },
+  "user.profile.badge.early-plugin-adopter.about.1": {
+    "defaultMessage": "This user helped us test Plugin projects on Modrinth before we launched them in August 2022."
+  },
+  "user.profile.badge.early-plugin-adopter.name": {
+    "defaultMessage": "Early Plugin Adopter"
+  },
+  "user.profile.badge.early-resourcepack-adopter.about.1": {
+    "defaultMessage": "This user helped us test Resource Pack projects on Modrinth before we launched them in August 2022."
+  },
+  "user.profile.badge.early-resourcepack-adopter.name": {
+    "defaultMessage": "Early Resource Pack Adopter"
+  },
+  "user.profile.badge.early-server-adopter.about.1": {
+    "defaultMessage": "This user helped us test Server projects on Modrinth before we launched them in March 2026."
+  },
+  "user.profile.badge.early-server-adopter.name": {
+    "defaultMessage": "Early Server Adopter"
+  },
+  "user.profile.badge.early-shader-adopter.about.1": {
+    "defaultMessage": "This user helped us test Shader projects on Modrinth before we launched them in January 2023."
+  },
+  "user.profile.badge.early-shader-adopter.name": {
+    "defaultMessage": "Early Shader Adopter"
+  },
+  "user.profile.badge.hosting-alpha.about.1": {
+    "defaultMessage": "This user participated in a closed alpha test of Modrinth Hosting before we launched Modrinth Hosting Beta in November 2024"
+  },
+  "user.profile.badge.hosting-alpha.name": {
+    "defaultMessage": "Modrinth Hosting Alpha Tester"
+  },
+  "user.profile.badge.moderator.about.1": {
+    "defaultMessage": "This user works for Modrinth as a Content Moderator."
+  },
+  "user.profile.badge.moderator.about.2": {
+    "defaultMessage": "Content Moderators on Modrinth review projects, handle reports, and help keep Modrinth safe."
+  },
+  "user.profile.badge.moderator.name": {
+    "defaultMessage": "Content Moderator"
+  },
+  "user.profile.badge.plus.about.1": {
+    "defaultMessage": "This user is going the extra mile to support Modrinth and the creators on the platform."
+  },
+  "user.profile.badge.plus.link": {
+    "defaultMessage": "Click to learn more about how you can become a member."
+  },
+  "user.profile.badge.plus.name": {
+    "defaultMessage": "Modrinth+ Member"
+  },
+  "user.profile.badge.pride.about.1": {
+    "defaultMessage": "This user participated in at least one of Modrinth's Pride fundraisers for the LGBTQ+ community."
+  },
+  "user.profile.badge.pride.link": {
+    "defaultMessage": "Click to visit our latest Pride fundraiser."
+  },
+  "user.profile.badge.pride.name": {
+    "defaultMessage": "Pride Fundraiser Supporter"
+  },
+  "user.profile.badge.staff.about.1": {
+    "defaultMessage": "This user works for Modrinth."
+  },
+  "user.profile.badge.staff.name": {
+    "defaultMessage": "Modrinth Team"
   }
 }
diff --git a/packages/ui/src/providers/auth.ts b/packages/ui/src/providers/auth.ts
index e1bbc2032..b9de5eb62 100644
--- a/packages/ui/src/providers/auth.ts
+++ b/packages/ui/src/providers/auth.ts
@@ -3,9 +3,11 @@ import type { Ref } from 'vue'
 
 import { createContext } from './create-context'
 
+export type AuthUser = Labrinth.Users.v2.User | Labrinth.Users.v3.User
+
 export interface AuthProvider {
 	session_token: Ref<string | null>
-	user: Ref<Labrinth.Users.v2.User | null>
+	user: Ref<AuthUser | null>
 	/** True once the initial auth check has completed (regardless of result). */
 	isReady?: Ref<boolean>
 	requestSignIn: (redirectPath: string) => void | Promise<void>
diff --git a/packages/ui/vite.config.ts b/packages/ui/vite.config.ts
index 6b9a9af53..e8d27d249 100644
--- a/packages/ui/vite.config.ts
+++ b/packages/ui/vite.config.ts
@@ -15,6 +15,9 @@ export default defineConfig({
 						params: {
 							overrides: {
 								removeViewBox: false,
+								cleanupIds: {
+									minify: false,
+								},
 							},
 						},
 					},