fix binance login screen autofill (#302)

Former-commit-id: cc58190af00e67df7cadacad58f651c54314b777 [formerly cc58190af00e67df7cadacad58f651c54314b777 [formerly 9fdeefc]]
Former-commit-id: c0bf83da10217e35900ceccad6a174cc902ef6c0 [formerly 889e906]
Former-commit-id: 0ebd548

web-extension/package.json

@@ -40,7 +40,7 @@
     "@lingui/react": "^3.17.1",
     "@playwright/test": "^1.30.0",
     "@svgr/webpack": "^6.5.1",
-    "@types/chrome": "^0.0.213",
+    "@types/chrome": "^0.0.216",
     "@types/crypto-js": "^4.1.1",
     "@types/debug": "^4.1.7",
     "@types/mz": "^2.7.4",
@@ -106,10 +106,10 @@
     "@emotion/styled": "11.10.6",
     "@lingui/cli": "^3.17.1",
     "@lingui/macro": "^3.17.1",
-    "@sentry/browser": "^7.37.2",
-    "@sentry/tracing": "^7.37.2",
-    "@trpc/client": "^10.11.1",
-    "@trpc/server": "^10.11.1",
+    "@sentry/browser": "^7.38.0",
+    "@sentry/tracing": "^7.38.0",
+    "@trpc/client": "^10.12.0",
+    "@trpc/server": "^10.12.0",
     "@types/offscreencanvas": "^2019.7.0",
     "apollo-boost": "^0.4.9",
     "apollo-link-serialize": "^4.0.0",
@@ -130,7 +130,7 @@
     "nano-jsx": "^0.0.36",
     "otplib": "^12.0.1",
     "preact": "^10.12.1",
-    "query-string": "^7",
+    "query-string": "^8",
     "react": "^18.2.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",

web-extension/src/components/vault/SidebarWithHeader.tsx

@@ -185,7 +185,7 @@ const SidebarContent = ({ onClose, ...rest }: SidebarProps) => {
                 <MenuItem
                   backgroundColor="red.500"
                   _hover={{
-                    backgroundColor: useColorModeValue('red.200', 'red.400')
+                    backgroundColor: useColorModeValue('teal.200', 'teal.400')
                   }}
                   onClick={async () => {
                     await device.logout()