handle edge case where versions have differing envs better + update changelog + lint

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

@@ -755,7 +755,7 @@
 					v-if="
 						currentMember &&
 						projectV3.side_types_migration_review_status === 'pending' &&
-						projectV3.environment?.length > 0 &&
+						projectV3.environment?.length === 1 &&
 						projectV3.environment[0] !== 'unknown'
 					"
 					type="warning"

apps/frontend/src/pages/[type]/[id]/settings/environment.vue

@@ -161,7 +161,7 @@ const messages = defineMessages({
 			</template>
 		</div>
 		<UnsavedChangesPopup
-			v-if="supportsEnvironment && hasPermission"
+			v-if="supportsEnvironment && hasPermission && projectV3?.environment?.length <= 1"
 			:original="saved"
 			:modified="current"
 			:saving="saving"

apps/frontend/src/pages/dashboard/projects.vue

@@ -457,7 +457,8 @@ if (user.value?.projects) {
 	user.value?.projectsV3?.forEach((project) => {
 		if (
 			project.side_types_migration_review_status === 'pending' &&
-			(project.project_types.includes('mod') || project.project_types.includes('modpack'))
+			(project.project_types.includes('mod') || project.project_types.includes('modpack')) &&
+			project.environment?.length === 1
 		) {
 			projectsWithMigrationWarning.value.push(project.id)
 		}

packages/ui/src/components/base/LargeRadioButton.vue

@@ -13,7 +13,11 @@
 		:disabled="disabled"
 		@click="emit('select')"
 	>
-		<RadioButtonCheckedIcon v-if="selected" class="text-brand h-5 w-5 shrink-0" aria-hidden="true" />
+		<RadioButtonCheckedIcon
+			v-if="selected"
+			class="text-brand h-5 w-5 shrink-0"
+			aria-hidden="true"
+		/>
 		<RadioButtonIcon v-else class="h-5 w-5 shrink-0" aria-hidden="true" />
 		<slot />
 	</button>

packages/ui/src/components/project/settings/environment/ProjectSettingsEnvSelector.vue

@@ -245,7 +245,12 @@ const simulateSave = ref(false)
 				:class="{ 'mt-2': index > 0 }"
 				:selected="currentOuterOption === key"
 				:disabled="disabled"
-				:aria-label="formatMessage(optionLabelFormat, { title: formatMessage(title), description: formatMessage(description)})"
+				:aria-label="
+					formatMessage(optionLabelFormat, {
+						title: formatMessage(title),
+						description: formatMessage(description),
+					})
+				"
 				@select="
 					() => {
 						if (currentOuterOption !== key) {

packages/utils/changelog.ts

@@ -10,6 +10,17 @@ export type VersionEntry = {
 }
 
 const VERSIONS: VersionEntry[] = [
+	{
+		date: `2025-08-31T10:35:00-07:00`,
+		product: 'web',
+		body: `### Improvements
+- Fixed screen reader accessibility of the new project environments settings page.
+- Fixed mobile responsiveness of project settings page.
+- Fixed error loading project pages when using the project ID in the URL.
+- Updated the message for unverified environments when the user does not have permission to update the environment.
+- Improved handling of projects with multiple environments.
+- Fixed blog posts not loading images when missing a slash at the end of the URL.`,
+	},
 	{
 		date: `2025-08-28T18:45:00-07:00`,
 		product: 'web',