chore: updates

package.json

@@ -5,9 +5,9 @@
   "dependencies": {
     "@metamask/onboarding": "^1.0.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
-    "@radix-ui/react-popover": "^1.1.1",
+    "@radix-ui/react-popover": "^1.1.2",
     "@react-oauth/google": "^0.12.1",
-    "@reduxjs/toolkit": "^2.2.7",
+    "@reduxjs/toolkit": "^2.2.8",
     "@svgr/webpack": "^8.1.0",
     "@tippyjs/react": "^4.2.6",
     "@toast-ui/editor": "^3.2.2",
@@ -33,14 +33,14 @@
     "css-minimizer-webpack-plugin": "^7.0.0",
     "dayjs": "^1.11.13",
     "eslint": "^8.57.0",
-    "firebase": "^10.13.2",
-    "framer-motion": "11.5.6",
+    "firebase": "^10.14.1",
+    "framer-motion": "11.11.7",
     "fs-extra": "^11.2.0",
     "heic2any": "^0.0.4",
     "html-webpack-plugin": "^5.6.0",
-    "i18next": "^23.15.1",
+    "i18next": "^23.15.2",
     "i18next-browser-languagedetector": "^8.0.0",
-    "i18next-http-backend": "^2.6.1",
+    "i18next-http-backend": "^2.6.2",
     "linkify-plugin-mention": "^4.1.3",
     "linkify-react": "^4.1.3",
     "linkifyjs": "^4.1.3",
@@ -64,7 +64,7 @@
     "react-refresh": "0.14.2",
     "react-router-dom": "^6.26.2",
     "react-syntax-highlighter": "^15.5.0",
-    "react-textarea-autosize": "^8.5.3",
+    "react-textarea-autosize": "^8.5.4",
     "react-use-wizard": "^2.3.0",
     "react-viewport-list": "^7.1.2",
     "react-virtuoso": "^4.10.4",
@@ -75,12 +75,12 @@
     "slate-react": "0.110.1",
     "source-map-loader": "^5.0.0",
     "style-loader": "^4.0.0",
-    "tailwind-merge": "2.5.2",
+    "tailwind-merge": "2.5.3",
     "terser-webpack-plugin": "^5.3.10",
     "tippy.js": "^6.3.7",
-    "typescript": "^5.6.2",
+    "typescript": "^5.6.3",
     "wavesurfer.js": "^7.8.6",
-    "webpack": "^5.94.0",
+    "webpack": "^5.95.0",
     "webpack-dev-server": "^4.15.1",
     "webpack-manifest-plugin": "^5.0.0",
     "workbox-core": "^7.1.0",
@@ -115,12 +115,12 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/core": "^7.25.8",
     "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
-    "@types/lodash": "^4.17.9",
+    "@types/lodash": "^4.17.10",
     "@types/masonry-layout": "^4.2.8",
-    "@types/node": "^22.7.0",
-    "@types/react": "18.3.9",
+    "@types/node": "^22.7.5",
+    "@types/react": "18.3.11",
     "@types/react-dom": "^18.3.0",
     "@types/react-helmet": "^6.1.11",
     "@types/react-syntax-highlighter": "^15.5.13",
@@ -131,11 +131,11 @@
     "babel-plugin-named-asset-import": "^0.3.8",
     "babel-preset-react-app": "^10.0.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.36.1",
+    "eslint-plugin-react": "^7.37.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "gh-pages": "^6.1.1",
+    "gh-pages": "^6.2.0",
     "md5-file": "^5.0.0",
     "patch-package": "^8.0.0",
     "postcss": "^8.4.47",

src/assets/index.css

@@ -161,7 +161,7 @@
       0 20px 25px 20px rgba(31, 41, 55, 0.1),
       0 10px 10px rgba(31, 41, 55, 0.04);
     border-radius: 12px;
-    min-width: 200px;
+    min-width: 130px;
   }
   .context-menu .item {
     position: relative;

src/components/ContextMenu.tsx

@@ -30,7 +30,7 @@ const WrapWithSubmenu = ({
   return (
     <Tippy
       interactive
-      placement="right-start"
+      placement="auto-start"
       trigger="mouseenter focus"
       content={
         <ul className="context-menu">