fix: apply ESLint rule vue/match-component-import-name

app/javascript/superadmin_pages/views/playground/Index.vue

@@ -1,14 +1,14 @@
 <script>
 import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
 import keyboardEventListenerMixins from 'shared/mixins/keyboardEventListenerMixins';
-import Header from '../../components/playground/Header.vue';
+import PlaygroundHeader from '../../components/playground/Header.vue';
 import UserMessage from '../../components/playground/UserMessage.vue';
 import BotMessage from '../../components/playground/BotMessage.vue';
 import TypingIndicator from '../../components/playground/TypingIndicator.vue';
 
 export default {
   components: {
-    PlaygroundHeader: Header,
+    PlaygroundHeader,
     UserMessage,
     BotMessage,
     TypingIndicator,
@@ -105,12 +105,12 @@ export default {
 </script>
 
 <template>
-  <section class="h-full w-full flex flex-col bg-slate-25">
+  <section class="flex flex-col w-full h-full bg-slate-25">
     <PlaygroundHeader
       :response-source-name="componentData.responseSourceName"
       :response-source-path="componentData.responseSourcePath"
     />
-    <div ref="chatContainer" class="flex-1 overflow-auto px-8 py-4">
+    <div ref="chatContainer" class="flex-1 px-8 py-4 overflow-auto">
       <div
         v-for="message in messages"
         :id="`message-${message.id}`"