chore: add analytics to install modal

[chakra-guy]

Explanation

We added analytics for modal interactions—viewed, button clicked, and toggle changed—but omitted QR scan detection as it's currently not feasible. We also fixed a minor bug. These changes ensure we capture essential user actions within the install modal.

Here are some log from the socket server:

sdk_modal_viewed

{"event":{"event":"sdk_modal_viewed","properties":{"dappId":"DevNext","event":"sdk_modal_viewed","platform":"web-desktop","sdkVersion":"0.31.4","source":"direct","tab":"desktop","title":"DevNext","url":"http://localhost:3333","userId":"5a374dcd2e5eb762b527af3a5bab6072a4d24493"},"userId":"5a374dcd2e5eb762b527af3a5bab6072a4d24493"},"level":"info","message":"Segment batch"}

sdk_modal_button_clicked

{"event":{"event":"sdk_modal_button_clicked","properties":{"button_type":"install_extension","dappId":"DevNext","event":"sdk_modal_button_clicked","platform":"web-desktop","sdkVersion":"0.31.4","source":"direct","tab":"desktop","title":"DevNext","url":"http://localhost:3333","userId":"5a374dcd2e5eb762b527af3a5bab6072a4d24493"},"userId":"5a374dcd2e5eb762b527af3a5bab6072a4d24493"},"level":"info","message":"Segment batch"}

sdk_modal_toggle_changed

{"event":{"event":"sdk_modal_toggle_changed","properties":{"dappId":"DevNext","event":"sdk_modal_toggle_changed","platform":"web-desktop","sdkVersion":"0.31.4","source":"direct","title":"DevNext","toggle":"mobile_to_desktop","url":"http://localhost:3333","userId":"5a374dcd2e5eb762b527af3a5bab6072a4d24493"},"userId":"5a374dcd2e5eb762b527af3a5bab6072a4d24493"},"level":"info","message":"Segment batch"}

References

No direct issue references.

Checklist

• I've updated the test suite for new or updated code as appropriate
• I've updated documentation (JSDoc, Markdown, etc.) for new or updated code as appropriate
• I've highlighted breaking changes using the "BREAKING" category above as appropriate

[socket-security]

No dependency changes detected. Learn more about Socket for GitHub ↗︎

👍 No dependency changes detected in pull request

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 7 lines in your changes missing coverage. Please review.

Project coverage is 74.28%. Comparing base (4151089) to head (dd21986).
Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
.../RemoteConnection/ModalManager/showInstallModal.ts	0.00%	5 Missing ⚠️
packages/sdk/src/ui/InstallModal/Modal-web.ts	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1189      +/-   ##
==========================================
- Coverage   74.40%   74.28%   -0.13%     
==========================================
  Files         181      181              
  Lines        4306     4313       +7     
  Branches     1057     1061       +4     
==========================================
  Hits         3204     3204              
- Misses       1102     1109       +7     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[ecp4224]

LGTM with one nit

[ecp4224]

Small nit: it's probably best to have this be invoked inside componentDidLoad() lifecycle method. This may be more correct to do, but you'll need to add the lifecycle method to these components