fix(protocol-designer,app): use dynamic import for react-scan to avoid build issue

[koji]

Overview

use dynamic import for react-scan to avoid build issue

x Build failed in 5.79s
error during build:
src/App/DesktopApp.tsx (1:9): "scan" is not exported by "../node_modules/react-scan/dist/rsc-shim.mjs", imported by "src/App/DesktopApp.tsx".
file: /Users/koji/Desktop/dev_test/opentrons/app/src/App/DesktopApp.tsx:1:9

1: import { scan } from 'react-scan'
            ^
2: import { useState, Fragment } from 'react'
3: import { Navigate, Route, Routes, useMatch } from 'react-router-dom'

Test Plan and Hands on Testing

make -C protocol-designer build -> no error
make -C app dist -> no error

Changelog

Review requests

Risk assessment

low

[mjhuff]

Great timing, just ran into this myself 😁 Thank you!

[koji]

Great timing, just ran into this myself 😁 Thank you!

i was about to post about reviewing this.
thank you for your quick review!