- after the past few code-splits, `xterm` was left as one of the largest deps in the main bundle
  - `xterm` is only used by `argo-ui` in its `LogsViewer` component, which is only used by Workflows' `FullHeightLogsViewer` component
    - so lazy load `LogsViewer` within `FullHeightLogsViewer` in order to code-split it
      - add a [`webpackPrefetch`](https://webpack.js.org/guides/code-splitting/#prefetchingpreloading-modules) magic comment as logs are _very_ commonly used, at least in my experience

- **NOTE**: this is currently **not working** as a code-split as `argo-ui` does not seem to be tree-shakeable
  - so even with this code-split, the component is still being imported from other imports
  - from a quick glance, the lack of tree-shaking may be due to [this SCSS import](https://github.com/argoproj/argo-ui/blob/5ff344ac9692c14dd108468bd3c020c3c75181cb/src/components/index.ts#L1) in `argo-ui`, which is a side-effect
    - a potential workaround may be to import all the components individually and then import the styles individually in our own code
      - started on this, did not finish, still draft

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

- this should be pretty much all components except for the few context references

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>

Signed-off-by: Anton Gilgur <agilgur5@gmail.com>