fix fluid-cursor click events

Author: Stefano Vavassori

content/components/fluid-cursor.mdx

@@ -1,7 +1,7 @@
 export const metadata = {
   title: 'Fluid Cursor Effect',
   description:
-    'An interactive React component that adds a dynamic bubble effect, visually tracking cursor movement in real time.',
+    'An interactive React component that adds a dynamic fluid effect, visually tracking cursor movement in real time.',
 };
 
 <ComponentCodePreview name='fluid-cursor' />

registry/components/cursor/common/fluid-cursor.tsx

@@ -9,7 +9,7 @@ const FluidCursor = () => {
   }, []);
 
   return (
-    <div className='fixed top-0 left-0 z-2'>
+    <div className='fixed top-0 left-0 z-2 pointer-events-none'>
       <canvas id='fluid' className='w-screen h-screen' />
     </div>
   );