rename all components to new namespace (#1515)

Co-authored-by: Andrew Bastin <andrewbastin.k@gmail.com>

components/lenses/ResponseBodyRenderer.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <tabs styles="m-4">
-      <tab
+    <SmartTabs styles="m-4">
+      <SmartTab
         v-for="(lens, index) in validLenses"
         :key="lens.lensName"
         :id="lens.lensName"
@@ -9,15 +9,15 @@
         :selected="index === 0"
       >
         <component :is="lens.renderer" :response="response" />
-      </tab>
-      <tab
+      </SmartTab>
+      <SmartTab
         v-if="Object.keys(response.headers).length !== 0"
         id="headers"
         :label="`Headers \xA0 • \xA0 ${Object.keys(response.headers).length}`"
       >
-        <headers :headers="response.headers" />
-      </tab>
-    </tabs>
+        <LensesHeadersRenderer :headers="response.headers" />
+      </SmartTab>
+    </SmartTabs>
   </div>
 </template>
 

components/lenses/renderers/HTMLLensRenderer.vue

@@ -49,7 +49,7 @@
       </div>
     </div>
     <div id="response-details-wrapper">
-      <ace-editor
+      <SmartAceEditor
         :value="responseBodyText"
         :lang="'html'"
         :options="{

components/lenses/renderers/JSONLensRenderer.vue

@@ -40,7 +40,7 @@
       <p class="info"><i class="material-icons">error_outline</i> Invalid JSON</p>
     </div>
     <div id="response-details-wrapper">
-      <ace-editor
+      <SmartAceEditor
         :value="jsonBodyText"
         :lang="'json'"
         :provideJSONOutline="true"

components/lenses/renderers/RawLensRenderer.vue

@@ -37,7 +37,7 @@
       </div>
     </div>
     <div id="response-details-wrapper">
-      <ace-editor
+      <SmartAceEditor
         :value="responseBodyText"
         :lang="'plain_text'"
         :options="{

components/lenses/renderers/XMLLensRenderer.vue

@@ -37,7 +37,7 @@
       </div>
     </div>
     <div id="response-details-wrapper">
-      <ace-editor
+      <SmartAceEditor
         :value="responseBodyText"
         :lang="'xml'"
         :options="{