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.jsx

@@ -0,0 +1,29 @@
+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