Fix closing tag in Table_1, Table_2, and Table_3 components, and add title header in Table_28 component

src/components/Pages/Gangguan/Table_1.vue

@@ -58,7 +58,7 @@
       <template #data="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
-          </span>
+        </p>
       </template>
     </DxDataGrid>
   </div>

src/components/Pages/Gangguan/Table_2.vue

@@ -52,7 +52,7 @@
       <template #data="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
-          </span>
+        </p>
       </template>
     </DxDataGrid>
   </div>

src/components/Pages/Gangguan/Table_3.vue

@@ -52,7 +52,7 @@
       <template #data="{ data }">
         <p class="cursor-pointer" @click="showData()">
           {{ data.text }}
-          </span>
+        </p>
       </template>
     </DxDataGrid>
   </div>

src/components/Pages/Keluhan/Table_28.vue

@@ -57,6 +57,12 @@
           {{ data.text }}
         </p>
       </template>
+
+      <template #title-header="{ data }">
+        <p class="text-center">
+          {{ data.text }}
+        </p>
+      </template>
     </DxDataGrid>
   </div>