check amount of clicks on cards

nepalingo-web/src/components/card/Card.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-
+import ReactGA from 'react-ga4';
 const Card: React.FC<{
   Word: string;
   TranslatedWord: string;
@@ -8,6 +8,14 @@ const Card: React.FC<{
   ImageUrl?: string;
   PronounciationUrl?: string;
 }> = ({ Word, TranslatedWord, Pronunciation, DevenagiriSpelling, ImageUrl, PronounciationUrl }) => {
+// Send a custom event
+  ReactGA.event({
+    category: "card components",
+    action: "Click",
+    value: 99, // optional, must be a number
+    nonInteraction: true, // optional, true/false
+    transport: "xhr", // optional, beacon/xhr/image
+  });
   const [isFlipped, setIsFlipped] = useState(false);
   const [audio, setAudio] = useState<HTMLAudioElement | null>(null);