refactor: refactor keyboard, mouse and menu bar

Author: wj-xiao

browser/.eslintrc.cjs

@@ -0,0 +1,27 @@
+import js from '@eslint/js';
+import eslintConfigPrettier from 'eslint-config-prettier';
+import reactHooksPlugin from 'eslint-plugin-react-hooks';
+import reactRefreshPlugin from 'eslint-plugin-react-refresh';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+  { ignores: ['dist', 'node_modules'] },
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [js.configs.recommended, ...tseslint.configs.recommended, eslintConfigPrettier],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser
+    },
+    plugins: {
+      'react-hooks': reactHooksPlugin,
+      'react-refresh': reactRefreshPlugin
+    },
+    rules: {
+      ...reactHooksPlugin.configs.recommended.rules,
+      '@typescript-eslint/no-explicit-any': 'off',
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }]
+    }
+  }
+);

browser/eslint.config.js

@@ -7,6 +7,7 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
+    "format": "prettier --write .",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -15,14 +16,14 @@
     "clsx": "^2.1.1",
     "i18next": "^24.0.5",
     "jotai": "^2.10.3",
-    "lucide-react": "^0.468.0",
+    "lucide-react": "^0.562.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-draggable": "^4.5.0",
     "react-i18next": "^15.1.4",
     "react-responsive": "^10.0.0",
     "react-simple-keyboard": "^3.8.28",
-    "vaul": "^1.1.1",
-    "yocto-queue": "^1.1.1"
+    "vaul": "^1.1.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
@@ -39,6 +40,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.26",
     "globals": "^15.12.0",
+    "minimatch": "^9.0.5",
     "postcss": "^8.4.49",
     "prettier": "^3.4.1",
     "prettier-plugin-tailwindcss": "^0.6.9",