Send layout selected ga4 event

Send an event when a user explicitly clicks on the list or grid view
button selection.

app/src/components/viewingOptionsMenu/viewingOptionsMenu.tsx

@@ -1,3 +1,4 @@
+import { sendLayoutSelectedEvent } from "@/src/utils/ga4Utils";
 import { SearchManager } from "@/src/utils/searchManager/searchManager";
 import {
   Menu,
@@ -60,6 +61,7 @@ const ViewingOptionsMenu = ({
             variant={searchManager.viewMode == "grid" ? "primary" : "text"}
             aria-pressed={searchManager.viewMode == "grid" ? true : false}
             onClick={() => {
+              sendLayoutSelectedEvent("Grid");
               if (setFiltersExpanded) {
                 setFiltersExpanded(false);
               }
@@ -88,6 +90,7 @@ const ViewingOptionsMenu = ({
             variant={searchManager.viewMode == "list" ? "primary" : "text"}
             aria-pressed={searchManager.viewMode == "list" ? true : false}
             onClick={() => {
+              sendLayoutSelectedEvent("List");
               if (setFiltersExpanded) {
                 setFiltersExpanded(false);
               }

app/src/utils/ga4Utils.ts

@@ -36,6 +36,14 @@ export const sendDownloadEvent = (
   });
 };
 
+export const sendLayoutSelectedEvent = (viewMode: "Grid" | "List") => {
+  const dataLayer = window["dataLayer"] || [];
+  dataLayer.push({
+    event: "select_layout",
+    layout_type: viewMode,
+  });
+};
+
 export const trackAVProgress = (
   mediaType: string,
   mediaName: string,