feat: ga analytics qr code click support (#26)

* feat: gtm setup for ga analytics

* feat: update gtm service

* feat: temp log

* feat: type import update

* feat: document qr click event

* feat: qr click update

---------

Co-authored-by: moiz-sgtradex <moiz.shaikh@sgtradextech.com>

Author: Moiz47

src/components/content/DocumentStatus.tsx

@@ -21,14 +21,20 @@ export const DocumentStatus = ({ id, title, statuses, selectedSchema, onStatusCl
                     <DialogTrigger asChild>
                       <div
                         className="inline-flex items-center justify-center p-2 rounded-xl border border-[#e2e3e7] cursor-pointer"
-                        onClick={() =>
+                        onClick={() => {
+                          sendGAEvent({
+                            event: 'document_qr_click',
+                            document_qr_title: title,
+                            document_qr_schema: selectedSchema,
+                            document_qr_status: status.label,
+                          });
                           onStatusClick({
                             url: status.url[selectedSchema],
                             documentId: id,
                             label: status.label,
                             documentTitle: title,
-                          })
-                        }
+                          });
+                        }}
                       >
                         <div className="w-4 h-4 flex items-center justify-center">
                           <img className="w-[13px] h-[13px]" alt="Qrcode" src="/qrcode.svg" id="qr-code-icon" />

src/lib/gtmService.ts

@@ -4,7 +4,6 @@ import { GADataLayerEvent } from '../types/types';
 // Initialize GTM immediately when this module is imported
 const gtmId = import.meta.env.VITE_GTM_ID;
 if (gtmId) {
-  console.log('Initializing GTM for analytics');
   TagManager.initialize({
     gtmId,
   });