Make Localization

[xinyihl]

Adding Localization to Unlocalized Content on the Settings Page

[lumiscosity]

for plan names, it might be beneficial to move them out from here to common messages, then use those everywhere:

code/apps/frontend/src/components/ui/servers/marketing/ServerPlanSelector.vue

Lines 36 to 78 in 5d6593a

	small: {
	buttonColor: 'blue',
	accentText: 'text-blue',
	accentBg: 'bg-bg-blue',
	name: defineMessage({
	id: 'servers.plan.small.name',
	defaultMessage: 'Small',
	}),
	description: defineMessage({
	id: 'servers.plan.small.description',
	defaultMessage: 'Perfect for 1–5 friends with a few light mods.',
	}),
	mostPopular: false,
	},
	medium: {
	buttonColor: 'green',
	accentText: 'text-green',
	accentBg: 'bg-bg-green',
	name: defineMessage({
	id: 'servers.plan.medium.name',
	defaultMessage: 'Medium',
	}),
	description: defineMessage({
	id: 'servers.plan.medium.description',
	defaultMessage: 'Great for 6–15 players and multiple mods.',
	}),
	mostPopular: true,
	},
	large: {
	buttonColor: 'purple',
	accentText: 'text-purple',
	accentBg: 'bg-bg-purple',
	name: defineMessage({
	id: 'servers.plan.large.name',
	defaultMessage: 'Large',
	}),
	description: defineMessage({
	id: 'servers.plan.large.description',
	defaultMessage: 'Ideal for 15–25 players, modpacks, or heavy modding.',
	}),
	mostPopular: false,
	},
	}