feat(UI): new table settings tabs

src/renderer/components/WorkspaceExploreBarTableContext.vue

@@ -3,6 +3,13 @@
       :context-event="contextEvent"
       @close-context="closeContext"
    >
+      <div
+         v-if="selectedTable.type === 'table' && workspace.customizations.tableSettings"
+         class="context-element"
+         @click="openSettingTab"
+      >
+         <span class="d-flex"><i class="mdi mdi-18px mdi-tune-vertical-variant text-light pr-1" /> {{ $t('word.settings') }}</span>
+      </div>
       <div
          v-if="selectedTable.type === 'table'"
          class="context-element"
@@ -93,6 +100,7 @@ export default {
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
+         newTab: 'workspaces/newTab',
          changeBreadcrumbs: 'workspaces/changeBreadcrumbs'
       }),
       showCreateTableModal () {
@@ -113,6 +121,22 @@ export default {
       closeContext () {
          this.$emit('close-context');
       },
+      openSettingTab () {
+         this.newTab({
+            uid: this.selectedWorkspace,
+            table: this.selectedTable.name,
+            schema: this.selectedSchema,
+            type: 'table-props',
+            element: this.selectedTable.type
+         });
+
+         this.changeBreadcrumbs({
+            schema: this.selectedSchema,
+            [this.selectedTable.type]: this.selectedTable.name
+         });
+
+         this.closeContext();
+      },
       async duplicateTable () {
          try {
             const { status, response } = await Tables.duplicateTable({