fix warning log (#6650)

## Summary

we need to add root div to avoid warning

> Extraneous non-props attributes (data-v-inspector) were passed to
> component but could not be automatically inherited because component
renders fragment or text or teleport root
> nodes.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6650-fix-warning-log-2a86d73d365081a89c5af0c60cdaa618)
by [Unito](https://www.unito.io)

src/components/load3d/controls/viewer/ViewerCameraControls.vue

@@ -1,26 +1,28 @@
 <template>
   <div class="space-y-4">
-    <label>
+    <div class="space-y-4">
-      {{ t('load3d.viewer.cameraType') }}
+      <label>
-    </label>
+        {{ t('load3d.viewer.cameraType') }}
-    <Select
+      </label>
-      v-model="cameraType"
+      <Select
-      :options="cameras"
+        v-model="cameraType"
-      option-label="title"
+        :options="cameras"
-      option-value="value"
+        option-label="title"
-    >
+        option-value="value"
-    </Select>
+      >
-  </div>
+      </Select>
+    </div>
 
-  <div v-if="showFOVButton" class="space-y-4">
+    <div v-if="showFOVButton" class="space-y-4">
-    <label>{{ t('load3d.fov') }}</label>
+      <label>{{ t('load3d.fov') }}</label>
-    <Slider
+      <Slider
-      v-model="fov"
+        v-model="fov"
-      :min="10"
+        :min="10"
-      :max="150"
+        :max="150"
-      :step="1"
+        :step="1"
-      :aria-label="t('load3d.fov')"
+        :aria-label="t('load3d.fov')"
-    />
+      />
+    </div>
   </div>
 </template>
 

src/components/load3d/controls/viewer/ViewerExportControls.vue

@@ -1,15 +1,22 @@
 <template>
-  <Select
+  <div class="space-y-4">
-    v-model="exportFormat"
+    <Select
-    :options="exportFormats"
+      v-model="exportFormat"
-    option-label="label"
+      :options="exportFormats"
-    option-value="value"
+      option-label="label"
-  >
+      option-value="value"
-  </Select>
+    >
+    </Select>
 
-  <Button severity="secondary" text rounded @click="exportModel(exportFormat)">
+    <Button
-    {{ $t('load3d.export') }}
+      severity="secondary"
-  </Button>
+      text
+      rounded
+      @click="exportModel(exportFormat)"
+    >
+      {{ $t('load3d.export') }}
+    </Button>
+  </div>
 </template>
 
 <script setup lang="ts">

src/components/load3d/controls/viewer/ViewerLightControls.vue

@@ -1,13 +1,15 @@
 <template>
-  <label>{{ $t('load3d.lightIntensity') }}</label>
+  <div class="space-y-4">
+    <label>{{ $t('load3d.lightIntensity') }}</label>
 
-  <Slider
+    <Slider
-    v-model="lightIntensity"
+      v-model="lightIntensity"
-    class="w-full"
+      class="w-full"
-    :min="lightIntensityMinimum"
+      :min="lightIntensityMinimum"
-    :max="lightIntensityMaximum"
+      :max="lightIntensityMaximum"
-    :step="lightAdjustmentIncrement"
+      :step="lightAdjustmentIncrement"
-  />
+    />
+  </div>
 </template>
 
 <script setup lang="ts">