style(nc-gui): fix typo in `transition-colors` css class

packages/nc-gui/assets/style.scss

@@ -613,7 +613,7 @@ a {
 }
 
 .nc-click-transition {
-  @apply transform transition-transform transition-color !text-gray-400 !hover:(scale-130 !text-gray-500) !active:(scale-100 !text-gray-500);
+  @apply transform transition-transform transition-colors !text-gray-400 !hover:(scale-130 !text-gray-500) !active:(scale-100 !text-gray-500);
 }
 
 .nc-click-transition-1 {

packages/nc-gui/pages/index/[typeOrId]/[baseId]/index.vue

@@ -133,7 +133,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 
 .nc-left-sidebar {
   .nc-sidebar-left-toggle-icon {
-    @apply opacity-0 transition-opactity duration-200 transition-color text-gray-500/80 hover:text-gray-500/100;
+    @apply opacity-0 transition-opacity duration-200 transition-colors text-gray-500/80 hover:text-gray-500/100;
 
     .nc-left-sidebar {
       @apply !border-r-0;

packages/nc-gui/pages/projects/index/list.vue

@@ -30,7 +30,7 @@ const openProject = async (base: BaseType) => {
 
     <template v-for="base of bases" :key="base.id">
       <div
-        class="cursor-pointer grid grid-cols-3 gap-2 prose-md hover:(bg-gray-300/30) p-2 transition-color ease-in duration-100"
+        class="cursor-pointer grid grid-cols-3 gap-2 prose-md hover:(bg-gray-300/30) p-2 transition-colors ease-in duration-100"
         @click="openProject(base)"
       >
         <div class="font-semibold capitalize">{{ base.title || 'Untitled' }}</div>

packages/nc-gui/windi.config.ts

@@ -43,7 +43,7 @@ export default defineConfig({
   },
 
   shortcuts: {
-    'color-transition': 'transition-color duration-100 ease-in',
+    'color-transition': 'transition-colors duration-100 ease-in',
     'scrollbar-thin-primary': 'scrollbar scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-primary scrollbar-track-white',
     'scrollbar-thin-dull': 'scrollbar scrollbar-thin scrollbar-thumb-rounded-md scrollbar-thumb-gray-100 scrollbar-track-white',
   },