Improve development tooling (#1516)

- Running `yarn build` in a `packages/*/` directory will trigger build of all dependencies too, and cache them if possible.
- Fix for `yarn dev` breaking for `rrweb` package whenever changing files in `rrweb` package
- Update typescript, turbo, vite and vite-plugin-dts
- Require `workspaces-to-typescript-project-references` from `prepublish`

packages/web-extension/src/popup/App.tsx

@@ -10,16 +10,13 @@ import {
 } from '@chakra-ui/react';
 import { FiSettings, FiList, FiPause, FiPlay } from 'react-icons/fi';
 import Channel from '~/utils/channel';
-import {
+import type {
   LocalData,
-  LocalDataKey,
-  RecorderStatus,
-  ServiceName,
   RecordStartedMessage,
   RecordStoppedMessage,
   Session,
-  EventName,
 } from '~/types';
+import { LocalDataKey, RecorderStatus, ServiceName, EventName } from '~/types';
 import Browser from 'webextension-polyfill';
 import { CircleButton } from '~/components/CircleButton';
 import { Timer } from './Timer';
@@ -39,9 +36,8 @@ export function App() {
     void Browser.storage.local.get(LocalDataKey.recorderStatus).then((data) => {
       const localData = data as LocalData;
       if (!localData || !localData[LocalDataKey.recorderStatus]) return;
-      const { status, startTimestamp, pausedTimestamp } = localData[
-        LocalDataKey.recorderStatus
-      ];
+      const { status, startTimestamp, pausedTimestamp } =
+        localData[LocalDataKey.recorderStatus];
       setStatus(status);
       if (startTimestamp && pausedTimestamp)
         setStartTime(Date.now() - pausedTimestamp + startTimestamp || 0);