Envs v3 frontend (#4267)

* New envs frontend

* lint fix

* Add blog post, user-facing changes, dashboard warning, project page member warning, and migration reviewing. maybe some other misc stuff

* lint

* lint

* ignore .data in .prettierignore

* i18n as fuck

* fix proj page

* Improve news markdown rendering

* improve phrasing of initial paragraph

* Fix environments not reloading after save

* index.ts instead of underscored name

* shrink-0 back on these icons

packages/ui/src/utils/savable.ts

@@ -0,0 +1,38 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, ref } from 'vue'
+
+export function useSavable<T extends Record<string, unknown>>(
+	data: () => T,
+	save: (changes: Partial<T>) => void,
+): {
+	saved: ComputedRef<T>
+	current: Ref<T>
+	reset: () => void
+	save: () => void
+} {
+	const savedValues = computed(data)
+	const currentValues = ref({ ...data() }) as Ref<T>
+	const changes = computed<Partial<T>>(() => {
+		const values: Partial<T> = {}
+		const keys = Object.keys(currentValues.value) as (keyof T)[]
+		for (const key of keys) {
+			if (savedValues.value[key] !== currentValues.value[key]) {
+				values[key] = currentValues.value[key]
+			}
+		}
+		return values
+	})
+
+	const reset = () => {
+		currentValues.value = data()
+	}
+
+	const saveInternal = () => (changes.value ? save(changes.value) : {})
+
+	return {
+		saved: savedValues,
+		current: currentValues,
+		reset,
+		save: saveInternal,
+	}
+}