Use extracted (alpha) connection library

package.json

@@ -16,6 +16,7 @@
     "@codemirror/view": "^6.26.3",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@microbit/microbit-connection": "^v0.0.0-alpha.31",
     "@microbit/microbit-fs": "^0.9.2",
     "@sanity/block-content-to-react": "^3.0.0",
     "@sanity/image-url": "^1.0.1",
@@ -32,7 +33,6 @@
     "@types/react-dom": "^18.3.0",
     "base64-js": "^1.5.1",
     "crelt": "^1.0.5",
-    "dapjs": "2.2.0",
     "dompurify": "^2.3.3",
     "file-saver": "^2.0.5",
     "framer-motion": "^10.2.4",
@@ -80,7 +80,7 @@
     "typescript": "^5.4.2",
     "vite-plugin-pwa": "^0.19.8",
     "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^1.3.1"
+    "vitest": "^2.0.0"
   },
   "engines": {
     "node": ">=16.0",

src/App.tsx

@@ -10,7 +10,7 @@ import "./App.css";
 import { DialogProvider } from "./common/use-dialogs";
 import VisualViewPortCSSVariables from "./common/VisualViewportCSSVariables";
 import { deployment, useDeployment } from "./deployment";
-import { MicrobitWebUSBConnection } from "./device/webusb";
+import { MicrobitWebUSBConnection } from "@microbit/microbit-connection";
 import { DeviceContextProvider } from "./device/device-hooks";
 import { MockDeviceConnection } from "./device/mock";
 import DocumentationProvider from "./documentation/documentation-hooks";