fix(ui): use pointer cursor for clickable elements

src/components/ui/ConfirmModal.tsx

@@ -38,7 +38,7 @@ export default function ConfirmModal({
 
   return (
     <div
-      className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 px-4"
+      className="fixed inset-0 z-50 flex cursor-pointer items-center justify-center bg-black/50 px-4"
       onClick={onCancel}
     >
       <div

src/index.css

@@ -1 +1,26 @@
 @import "tailwindcss";
+
+@layer base {
+  :where(
+      a[href],
+      button:not(:disabled),
+      summary,
+      input[type="button"]:not(:disabled),
+      input[type="submit"]:not(:disabled),
+      input[type="reset"]:not(:disabled),
+      select:not(:disabled),
+      [role="button"]:not([aria-disabled="true"]),
+      label[for]
+    ) {
+    cursor: pointer;
+  }
+
+  :where(
+      button:disabled,
+      input:disabled,
+      select:disabled,
+      [role="button"][aria-disabled="true"]
+    ) {
+    cursor: not-allowed;
+  }
+}