refactor(gui-v2): `add new row` size correction

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

packages/nc-gui-v2/components/smartsheet/Grid.vue

@@ -126,7 +126,7 @@ const makeEditable = (row: Row, col: ColumnType) => {
     return
   }
   if (!isPkAvail.value && !row.rowMeta.new) {
-    message.info("Update not allowed for table which doesn't have primary Key")
+    message.info('Update not allowed for table which doesn\'t have primary Key')
     return
   }
   if (col.ai) {
@@ -190,8 +190,7 @@ const onKeyDown = async (e: KeyboardEvent) => {
       e.preventDefault()
       if (selected.row < data.value.length - 1) selected.row++
       break
-    default:
+    default: {
-      {
       const rowObj = data.value[selected.row]
       const columnObj = fields.value[selected.col]
 
@@ -211,7 +210,7 @@ const onKeyDown = async (e: KeyboardEvent) => {
       /** on letter key press make cell editable and empty */
       if (e?.key?.length === 1) {
         if (!isPkAvail && !rowObj.rowMeta.new) {
-            return message.info("Update not allowed for table which doesn't have primary Key")
+          return message.info('Update not allowed for table which doesn\'t have primary Key')
         }
         if (makeEditable(rowObj, columnObj)) {
           rowObj.row[columnObj.title] = ''
@@ -253,7 +252,8 @@ const onNavigate = (dir: NavigateDir) => {
   <div class="flex flex-col h-100 min-h-0 w-100">
     <div class="nc-grid-wrapper min-h-0 flex-1 scrollbar-thin-dull">
       <a-dropdown v-model:visible="contextMenu" :trigger="['contextmenu']">
-        <table ref="smartTable" class="xc-row-table nc-grid backgroundColorDefault" @contextmenu.prevent="contextMenu = true">
+        <table ref="smartTable" class="xc-row-table nc-grid backgroundColorDefault"
+               @contextmenu.prevent="contextMenu = true">
           <thead>
             <tr class="group">
               <th>
@@ -304,6 +304,7 @@ const onNavigate = (dir: NavigateDir) => {
                     class="group-hover:flex w-full items-center justify-between p-1"
                   >
                     <a-checkbox v-model:checked="row.rowMeta.selected" />
+                    <span class="flex-1" />
                     <div class="cursor-pointer flex items-center border-1 active:ring rounded p-1 hover:bg-primary/10">
                       <MdiArrowExpand class="select-none transform hover:(text-pink-500 scale-120)" />
                     </div>