refactor: class name for drag, ACL view table-name

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>

packages/nc-gui/components/project/projectMetadata/uiAcl/toggleTableUIAcl.vue

@@ -78,7 +78,7 @@
                   <td>
                     <v-tooltip bottom>
                       <template #activator="{on}">
-                        <span class="caption ml-2" v-on="on">{{ table.type === 'table' ? table._tn:table.type === 'view' ? table._tn : table.ptn.charAt(0).toUpperCase()+table.ptn.slice(1) }}</span>
+                        <span class="caption ml-2" v-on="on">{{ table.type === 'table' ? table._tn:table.type === 'view' ? table._tn : table.ptn.split("__")[1] }}</span>
                       </template>
                       <span class="caption">{{ table.tn }}</span>
                     </v-tooltip>

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

@@ -119,7 +119,8 @@
               </template>
             </v-checkbox>
             <v-spacer />
-            <v-icon small color="grey" class="align-self-center drag-icon">
+            <v-icon small color="grey" 
+              :class="`align-self-center drag-icon nc-child-draggable-icon-${field}`">
               mdi-drag
             </v-icon>
           </v-list-item>