[Bug 1886159] Use improved click events from Glean (#2159)

* Updated package @mozilla/glean to 5.0.0-pre.0
* Remove "pointer-events:none" instrumentation for nested elements
* Ran formatter and linter

package.json

@@ -25,7 +25,7 @@
     "@babel/plugin-transform-runtime": "7.23.9",
     "@babel/preset-env": "^7.23.9",
     "@mozilla-protocol/core": "^17.0.1",
-    "@mozilla/glean": "^4.1.0-pre.0",
+    "@mozilla/glean": "^5.0.0-pre.0",
     "@playwright/test": "^1.41.2",
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",

src/pages/AppList.svelte

@@ -86,15 +86,7 @@
             id="media-block"
             data-glean-label="Home page: {app.app_name}"
           >
-            <div
-              class="mzp-c-card-media-wrapper"
-              id="media-wrapper"
-              style="pointer-events:none"
-            >
-              <!-- Setting style attribute is required above to allow capturing clicks on all nested elements
-                via Glean. Once https://bugzilla.mozilla.org/show_bug.cgi?id=1885504 is fixed it can be removed
-                from div tag above.
-              -->
+            <div class="mzp-c-card-media-wrapper" id="media-wrapper">
               <img
                 class="mzp-c-card-imgage"
                 src={app.logo || "/img/app-logos/mozilla.png"}
@@ -110,11 +102,7 @@
                 />
               {/if}
             </div>
-            <div class="mzp-c-card-content" style="pointer-events:none">
-              <!-- Setting style attribute is required above to allow capturing clicks on all nested elements
-                via Glean. Once https://bugzilla.mozilla.org/show_bug.cgi?id=1885504 is fixed it can be removed
-                from div tag above.
-              -->
+            <div class="mzp-c-card-content">
               <h2 class="mzp-c-card-title">{app.canonical_app_name}</h2>
               {#if app.deprecated}
                 <Label text="deprecated" />