chore: Upgrade TypeScript to latest version 5.6.3 in /ui

Lock the TypeScript minor version by using `~` instead of `^` in the
version specifier, see
fastify/fastify-type-provider-typebox#169 (comment).

After upgrading, the TypeScript compiler complained that the `long`
package has no default export. Related fixes:

- Add the latest `long` version as a direct dependency since our code
  uses it directly; no compilation errors with the latest version

- The `long` package exports a `Long` class, so use a capital first
  letter in the import name to match that

Also after upgrading, we get this warning when running `yarn build` but
it can be ignored for now:

```
WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <5.2.0

YOUR TYPESCRIPT VERSION: 5.6.3

Please only submit bug reports when using the officially supported version.
```

ui/package.json

@@ -28,6 +28,7 @@
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.3",
     "inter-ui": "^3.19.3",
+    "long": "^5.2.3",
     "moment": "^2.29.1",
     "protobufjs": "^7.1.1",
     "query-string": "^7.1.1",
@@ -119,7 +120,7 @@
     "source-map-loader": "^3.0.0",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.2.5",
-    "typescript": "^4.9.5",
+    "typescript": "~5.6.3",
     "webpack": "^5.64.4",
     "webpack-dev-server": "^4.6.0",
     "webpack-manifest-plugin": "^4.0.2",

ui/src/utils/timestamp.ts

@@ -1,9 +1,9 @@
-import long from 'long';
+import Long from 'long';
 import { google } from '../protos';
 
 export function toDate(ts: google.protobuf.ITimestamp) {
     var seconds: number;
-    if (ts.seconds instanceof long) {
+    if (ts.seconds instanceof Long) {
         seconds = ts.seconds.low
     } else {
         seconds = ts.seconds!;

ui/yarn.lock

@@ -8264,10 +8264,10 @@ log-symbols@^4.1.0:
     chalk "^4.1.0"
     is-unicode-supported "^0.1.0"
 
-long@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/long/-/long-5.2.0.tgz#2696dadf4b4da2ce3f6f6b89186085d94d52fd61"
-  integrity sha512-9RTUNjK60eJbx3uz+TEGF7fUr29ZDxR5QzXcyDpeSfeH28S9ycINflOgOlppit5U+4kNTe83KQnMEerw7GmE8w==
+long@^5.0.0, long@^5.2.3:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/long/-/long-5.2.3.tgz#a3ba97f3877cf1d778eccbcb048525ebb77499e1"
+  integrity sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==
 
 loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
@@ -11472,10 +11472,10 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typescript@^4.9.5:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
+typescript@~5.6.3:
+  version "5.6.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.6.3.tgz#5f3449e31c9d94febb17de03cc081dd56d81db5b"
+  integrity sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==
 
 uc.micro@^2.0.0, uc.micro@^2.1.0:
   version "2.1.0"