feat: deployable design studio and updated component showcase

app/pages/components/clipboard.wrn

@@ -62,7 +62,7 @@ page ClipboardDetail {
         <div class="demo-workbench">
           <div id="clipboard-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"><Clipboard value="npm install @wrnexus/ui" label="Copy" copiedLabel="Copied" errorLabel="Copy failed" title="" description="" iconOnly="false" code="true" size="default" color="primary" disabled="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Production default usage">
@@ -81,7 +81,7 @@ page ClipboardDetail {
         <div class="demo-workbench">
           <div id="clipboard-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"><Clipboard value="npm install @wrnexus/ui" label="Copy" copiedLabel="Copied" errorLabel="Copy failed" title="" description="" iconOnly="true" code="true" size="default" color="primary" disabled="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Compact application usage">
@@ -101,7 +101,7 @@ page ClipboardDetail {
         <div class="demo-workbench">
           <div id="clipboard-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"><Clipboard value="npm install @wrnexus/ui" label="Copy" copiedLabel="Copied" errorLabel="Copy failed" title="" description="" iconOnly="true" code="true" size="default" color="primary" disabled="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Rich configuration usage">