feat: deployable design studio and updated component showcase

app/pages/components/map.wrn

@@ -180,7 +180,7 @@ page MapDetail {
         <div class="demo-workbench">
           <div id="map-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"><Map size="default" title="Bengaluru" description="Pan and zoom to explore the city" items='[]' variant="default" provider="openstreetmap" latitude="12.9716" longitude="77.5946" zoomLevel="13" imageSrc="" class="showcase-instance showcase-instance--1" /></div>
           </div>
           <section class="demo-code" aria-label="OpenStreetMap usage">
@@ -206,7 +206,7 @@ page MapDetail {
         <div class="demo-workbench">
           <div id="map-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"><Map size="sm" title="Google Maps" description="A compact configuration for dashboards and dense product surfaces." items='[]' variant="secondary" provider="google" apiKey="" query="Bengaluru" latitude="12.9716" longitude="77.5946" zoomLevel="13" imageSrc="" class="showcase-instance showcase-instance--2" /></div>
           </div>
           <section class="demo-code" aria-label="Google Maps usage">