add value host email and password from db global settings table

resources/js/settings/general/general-settings.js

@@ -0,0 +1,36 @@
+import { Grid } from "gridjs/dist/gridjs.umd.js";
+import gridjs from 'gridjs/dist/gridjs.umd.js'
+import 'gridjs/dist/gridjs.umd.js'
+import GlobalConfig from "../../global-config.js";
+
+class SyncronizeTask {
+  init(){
+    this.initTableGeneralSettings();
+  }
+  initTableGeneralSettings(){
+    new Grid({
+      columns: [
+          "ID", "Key", "Value", "Description", "Created",
+      ],
+      pagination: {
+          limit: 10,
+          server: {
+               url: (prev, page, limit) => `${prev}?page=${page}`
+          }
+      },
+      sort: true,
+      search: {
+          server: {
+               url: (prev, page, keyword) => `${prev}?page=${page}&search=${keyword}`
+          }
+      },
+      server: {
+          url: `${GlobalConfig.apiHost}/api/global-settings`,
+          then: data => data.data.map((item) => [item.id, item.key, item.value, item.description, item.created_at])
+      }
+    }).render(document.getElementById("general-setting-table"));
+  }
+}
+document.addEventListener('DOMContentLoaded', function (e) {
+  new SyncronizeTask().init();
+});

resources/views/settings/general/index.blade.php

@@ -13,12 +13,12 @@
         <button type="button" class="btn btn-outline-success width-lg">Create</button>
     </div>
     <div>
-        <div id="common-table"></div>
+        <div id="general-setting-table"></div>
     </div>
 </div>
 
 @endsection
 
 @section('scripts')
-@vite(['resources/js/tables/common-table.js'])
+@vite(['resources/js/settings/general/general-settings.js'])
 @endsection