feat: deployable design studio and updated component showcase

app/pages/components/rating.wrn

@@ -69,7 +69,7 @@ page RatingDetail {
         <div class="demo-workbench">
           <div id="rating-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"><Rating size="default" color="primary" title="Rate your experience" description="" items='[]' variant="default" value="3" max="5" step="1" readonly="false" disabled="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Whole stars usage">
@@ -95,7 +95,7 @@ page RatingDetail {
         <div class="demo-workbench">
           <div id="rating-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"><Rating size="default" color="primary" title="Half-star rating" description="" items='[]' variant="default" value="3.5" max="5" step="0.5" readonly="false" disabled="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Half stars usage">
@@ -122,7 +122,7 @@ page RatingDetail {
         <div class="demo-workbench">
           <div id="rating-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"><Rating size="default" color="primary" title="Detailed score" description="" items='[]' variant="default" value="4.2" max="5" step="0.2" readonly="true" disabled="false" class="" /></div>
           </div>
           <section class="demo-code" aria-label="Fine increments usage">