chore(deps): Update deprecated xterm to new package under @xterm

Signed-off-by: Gabriel Dugny <gabriel.dugny@believe.com>

plugins/kubernetes-react/package.json

@@ -66,15 +66,15 @@
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "^4.0.0-alpha.61",
+    "@xterm/addon-attach": "^0.11.0",
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/xterm": "^5.5.0",
     "cronstrue": "^2.32.0",
     "js-yaml": "^4.1.0",
     "kubernetes-models": "^4.3.1",
     "lodash": "^4.17.21",
     "luxon": "^3.0.0",
-    "react-use": "^17.4.0",
-    "xterm": "^5.3.0",
-    "xterm-addon-attach": "^0.9.0",
-    "xterm-addon-fit": "^0.8.0"
+    "react-use": "^17.4.0"
   },
   "devDependencies": {
     "@backstage/cli": "workspace:^",

plugins/kubernetes-react/src/components/PodExecTerminal/PodExecTerminal.tsx

@@ -13,14 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import 'xterm/css/xterm.css';
+import '@xterm/xterm/css/xterm.css';
 
 import { discoveryApiRef, useApi } from '@backstage/core-plugin-api';
 import { ClusterAttributes } from '@backstage/plugin-kubernetes-common';
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
 import { useRef, useEffect, useMemo, useState } from 'react';
-import { Terminal } from 'xterm';
-import { FitAddon } from 'xterm-addon-fit';
+import { Terminal } from '@xterm/xterm';
+import { FitAddon } from '@xterm/addon-fit';
 
 import { PodExecTerminalAttachAddon } from './PodExecTerminalAttachAddon';
 

plugins/kubernetes-react/src/components/PodExecTerminal/PodExecTerminalAttachAddon.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { AttachAddon, IAttachOptions } from 'xterm-addon-attach';
+import { AttachAddon, IAttachOptions } from '@xterm/addon-attach';
 
 export class PodExecTerminalAttachAddon extends AttachAddon {
   #textEncoder = new TextEncoder();