feat: deployable design studio and updated component showcase

app/pages/components/range-slider.wrn

@@ -84,7 +84,7 @@ page RangeSliderDetail {
         <div class="demo-workbench">
           <div id="range-slider-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"><RangeSlider size="default" color="primary" id="" name="volume" label="Scale" hiddenLabel="false" placeholder="" variant="normal" icon="" iconPosition="start" value="2.4" min="0" max="5" step="0.2" showValue="true" showBounds="true" showSteps="false" marks='[]' helperText="" cornerHint="" error="" inline="false" readonly="false" disabled="false" required="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Fractional steps usage">