refactor(gui-v2): add background color for row on hovering

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

packages/nc-gui-v2/components/cell/Text.vue

@@ -19,6 +19,12 @@ const focus: VNodeRef = (el) => (el as HTMLInputElement)?.focus()
 </script>
 
 <template>
-  <input v-if="editEnabled" :ref="focus" v-model="vModel" class="h-full w-full outline-none" @blur="editEnabled = false" />
+  <input
+    v-if="editEnabled"
+    :ref="focus"
+    v-model="vModel"
+    class="h-full w-full outline-none bg-transparent"
+    @blur="editEnabled = false"
+  />
   <span v-else>{{ vModel }}</span>
 </template>

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

@@ -633,4 +633,8 @@ const onNavigate = (dir: NavigateDir) => {
     }
   }
 }
+
+tbody tr:hover {
+  @apply bg-gray-100 bg-opacity-50;
+}
 </style>