feat(table): add hover state for rows

Author: jbaubree

src/components/table/UTable.vue

@@ -99,7 +99,7 @@ function onSort(column: { key: string; direction?: 'asc' | 'desc' }) {
       <tbody :class="config.tbody">
         <tr
           v-for="(row, index) in rows" :key="index"
-          :class="[config.tr.base, isSelected(row) && config.tr.selected]"
+          :class="[config.tr.base, config.tr.hover, isSelected(row) && config.tr.selected]"
           @click="emit('row-clicked', row)"
         >
           <td class="w-0 pl-4">

src/components/table/table.ts

@@ -7,6 +7,7 @@ export const table = {
   tr: {
     base: '',
     selected: 'bg-light-200 dark:bg-dark-700',
+    hover: 'hover:bg-light-200 hover:dark:bg-dark-700',
   },
   th: {
     base: 'text-left font-normal',