feat: deployable design studio and updated component showcase

app/pages/components/preference-switcher.wrn

@@ -69,7 +69,7 @@ page PreferenceSwitcherDetail {
         <div class="demo-workbench">
           <div id="preference-switcher-demo-1" class="demo-canvas demo-canvas--1">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><PreferenceSwitcher size="default" themeLabel="Preference Switcher" colorLabel="Preference Switcher" languageLabel="Preference Switcher" compact="false" iconOnly="true" showCurrentLanguage="true" class="showcase-instance showcase-instance--1" /></div>
           </div>
           <section class="demo-code" aria-label="Production default usage">
@@ -91,7 +91,7 @@ page PreferenceSwitcherDetail {
         <div class="demo-workbench">
           <div id="preference-switcher-demo-2" class="demo-canvas demo-canvas--2">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><PreferenceSwitcher size="sm" themeLabel="Compact example" colorLabel="Compact example" languageLabel="Compact example" compact="true" iconOnly="true" showCurrentLanguage="true" class="showcase-instance showcase-instance--2" /></div>
           </div>
           <section class="demo-code" aria-label="Compact application usage">
@@ -113,7 +113,7 @@ page PreferenceSwitcherDetail {
         <div class="demo-workbench">
           <div id="preference-switcher-demo-3" class="demo-canvas demo-canvas--3">
             <div class="demo-browser-chrome"><span></span><span></span><span></span><small>Live preview</small></div>
-            
+
             <div class="demo-render"><PreferenceSwitcher size="lg" themeLabel="Advanced example" colorLabel="Advanced example" languageLabel="Advanced example" compact="false" iconOnly="true" showCurrentLanguage="true" class="showcase-instance showcase-instance--3" /></div>
           </div>
           <section class="demo-code" aria-label="Rich configuration usage">
@@ -154,7 +154,7 @@ if (component) registerOutputHandler(component, "language", (payload) =&gt; <spa
       </aside>
     </div>
     <nav class="detail-pagination">
-      <span></span>
+      <a href="/components/flow-canvas"><small>Previous</small><strong>← Flow Canvas</strong></a>
       <a href="/components/toaster"><small>Next</small><strong>Toaster →</strong></a>
     </nav>
   }