feat: show alias instead of table name

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/project/spreadsheet/components/expandedForm.vue

@@ -6,7 +6,13 @@
           <v-icon :color="iconColor">
             mdi-table-arrow-right
           </v-icon>
-          {{ table }} : {{ localState[primaryValueColumn] }}
+
+          <template v-if="meta">
+            {{ meta._tn }}
+          </template>
+          <template v-else>
+            {{ table }}
+          </template> : {{ localState[primaryValueColumn] }}
         </h5>
         <v-spacer />
         <v-btn small text @click="reload">
@@ -329,7 +335,7 @@ export default {
       return Object.values(this.changedColumns).some(Boolean)
     },
     localBreadcrumbs() {
-      return [...this.breadcrumbs, `${this.table} (${this.localState && this.localState[this.primaryValueColumn]})`]
+      return [...this.breadcrumbs, `${this.meta ? this.meta._tn : this.table} (${this.localState && this.localState[this.primaryValueColumn]})`]
     }
   },
   watch: {

packages/nc-gui/components/project/spreadsheet/components/headerCell.vue

@@ -158,6 +158,7 @@ export default {
           dbAlias: this.nodes.dbAlias
         }, 'tableUpdate', {
           tn: this.nodes.tn,
+          _tn: this.meta._tn,
           originalColumns: this.meta.columns,
           columns
         }])