fix(cursor_pointer) fixed cursor pointer on buttons as global class

Author: p2arthur

src/features/common/components/button.tsx

@@ -7,7 +7,7 @@ import { Loader2 as Loader } from 'lucide-react'
 import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip'
 
 const buttonVariants = cva(
-  'relative cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
   {
     variants: {
       variant: {

src/index.css

@@ -17,6 +17,13 @@
   }
 }
 
+@layer base {
+  button,
+  [role='button'] {
+    cursor: pointer;
+  }
+}
+
 @theme {
   --color-border: rgb(var(--border));
   --color-input: rgb(var(--input));