feat: Screen dimensions and UA as person property (#1840)

* Screen dimensions as person property

* Fix tests

Author: robbie-c

src/__tests__/customizations/setAllPersonProfilePropertiesAsPersonPropertiesForFlags.test.ts

@@ -61,8 +61,13 @@ describe('setAllPersonPropertiesForFlags', () => {
               "$device_type": "Mobile",
               "$os": "Android",
               "$os_version": "4.4.0",
+              "$raw_user_agent": "Mozilla/5.0 (Android 4.4; Mobile; rv:41.0) Gecko/41.0 Firefox/41.0",
               "$referrer": "https://referrer.com",
               "$referring_domain": "referrer.com",
+              "$screen_height": 0,
+              "$screen_width": 0,
+              "$viewport_height": 768,
+              "$viewport_width": 1024,
               "_kx": null,
               "dclid": null,
               "fbclid": null,

src/utils/event-utils.ts

@@ -61,6 +61,11 @@ export const EVENT_TO_PERSON_PROPERTIES = [
     '$os_version',
     '$referring_domain',
     '$referrer',
+    '$screen_height',
+    '$screen_width',
+    '$viewport_height',
+    '$viewport_width',
+    '$raw_user_agent',
 ]
 
 export const MASKED = '<masked>'