build(ui): migrate from CRA/Jest to Vite/Vitest (#3311)

* feat: create vite project

* feat: it's alive!

* feat: `make dev` working!

* feat: replace custom serviceWorker with vite plugin

* test: replace Jest with Vitest

* fix: run prettier

* fix: skip eslint for now.

* chore: remove ui.old folder

* refactor: replace lodash.pick with simple destructuring

* fix: eslint errors (wip)

* fix: eslint errors (wip)

* fix: display-name eslint errors (wip)

* fix: no-console eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: react-refresh/only-export-components eslint errors (wip)

* fix: build

* fix: pwa manifest

* refactor: pwa manifest

* refactor: simplify PORT configuration

* refactor: rename simple JS files

* test: cover playlistUtils

* fix: react-image-lightbox

* feat(ui): add sourcemaps to help debug issues

ui/src/transcoding/TranscodingList.js

@@ -1,29 +0,0 @@
-import React from 'react'
-import { Datagrid, TextField } from 'react-admin'
-import { useMediaQuery } from '@material-ui/core'
-import { SimpleList, List } from '../common'
-import config from '../config'
-
-const TranscodingList = (props) => {
-  const isXsmall = useMediaQuery((theme) => theme.breakpoints.down('xs'))
-  return (
-    <List exporter={false} {...props}>
-      {isXsmall ? (
-        <SimpleList
-          primaryText={(r) => r.name}
-          secondaryText={(r) => `format: ${r.targetFormat}`}
-          tertiaryText={(r) => r.defaultBitRate}
-        />
-      ) : (
-        <Datagrid rowClick={config.enableTranscodingConfig ? 'edit' : 'show'}>
-          <TextField source="name" />
-          <TextField source="targetFormat" />
-          <TextField source="defaultBitRate" />
-          <TextField source="command" />
-        </Datagrid>
-      )}
-    </List>
-  )
-}
-
-export default TranscodingList