Deployment Script, Postgres migration, UX improvements

frontend/src/routes/mix-calculator/[id]/+page.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-  import MixCalculatorWorkspace from '$lib/components/MixCalculatorWorkspace.svelte';
+  import MixCalculatorEditor from '$lib/components/mix-calculator/MixCalculatorEditor.svelte';
   import { featureFlags } from '$lib/features';
 
   let { data } = $props();
 </script>
 
 {#if data.session}
-  <MixCalculatorWorkspace initialSession={data.session} options={data.options} />
+  <MixCalculatorEditor initialSession={data.session} options={data.options} />
 {:else}
   <section class="locked-card">
     <p class="eyebrow">Mix Calculator</p>

frontend/src/routes/mix-calculator/new/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import MixCalculatorWorkspace from '$lib/components/MixCalculatorWorkspace.svelte';
+  import MixCalculatorEditor from '$lib/components/mix-calculator/MixCalculatorEditor.svelte';
   let { data } = $props();
 </script>
 
-<MixCalculatorWorkspace options={data.options} />
+<MixCalculatorEditor options={data.options} />