Environment dropdowns behaving now we’ve switched to “development” and “live”

apps/webapp/app/models/runtimeEnvironment.server.ts

@@ -33,5 +33,5 @@ export const { commitSession, getSession } = createCookieSessionStorage({
 export async function getRuntimeEnvironmentFromSession(
   session: Session
 ): Promise<string> {
-  return session.get("environment") ?? "dev";
+  return session.get("environment") ?? "development";
 }

apps/webapp/app/routes/resources/environment.tsx

@@ -145,7 +145,7 @@ export function EnvironmentMenu() {
 
 function EnvironmentIcon({ slug }: { slug: string }) {
   let color = "bg-emerald-500";
-  if (slug === "prod") {
+  if (slug === "live") {
     color = "bg-orange-500";
   }
   return (