feat: add @szhsin/react-menu dependency and import styles in index.tsx

Author: medyo

package.json

@@ -7,6 +7,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@sentry/react": "^9.38.0",
+    "@szhsin/react-menu": "^4.5.0",
     "@tanstack/query-async-storage-persister": "^5.8.3",
     "@tanstack/react-query": "^4.13.0",
     "@tanstack/react-query-persist-client": "^5.8.4",

src/index.tsx

@@ -8,8 +8,11 @@ import { persister, queryClient } from 'src/lib/react-query'
 import { AppErrorBoundary } from 'src/providers/AppErrorBoundary'
 import { AppRoutes } from './routes/AppRoutes'
 
+import '@szhsin/react-menu/dist/index.css'
+import '@szhsin/react-menu/dist/transitions/zoom.css'
 import { createRoot } from 'react-dom/client'
 import { initSentry } from './lib/sentry'
+
 const container = document.getElementById('root')
 if (!container) {
   throw new Error('Failed to find the root element')

yarn.lock

@@ -2631,6 +2631,13 @@
     "@svgr/hast-util-to-babel-ast" "8.0.0"
     svg-parser "^2.0.4"
 
+"@szhsin/react-menu@^4.5.0":
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/@szhsin/react-menu/-/react-menu-4.5.0.tgz#c302b652b8de896ec80669b1fcc492210101e290"
+  integrity sha512-fblZBPxFGjg+QxSbdDsWk3H8brupuQG+ayYXElwg+FdCxwLQLvrHG9K6O9+4pE8qLyDy5REn/2HmffPXcBZviA==
+  dependencies:
+    react-transition-state "^2.3.1"
+
 "@tanstack/query-async-storage-persister@^5.8.3":
   version "5.14.1"
   resolved "https://registry.yarnpkg.com/@tanstack/query-async-storage-persister/-/query-async-storage-persister-5.14.1.tgz#71666d5be8eba5c09eaebed56918e6df2117a69e"
@@ -5978,6 +5985,11 @@ react-transition-group@^4.3.0:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
+react-transition-state@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/react-transition-state/-/react-transition-state-2.3.1.tgz#53f5d33a95d1859d1ad2b1673c4466da1518e4ed"
+  integrity sha512-Z48el73x+7HUEM131dof9YpcQ5IlM4xB+pKWH/lX3FhxGfQaNTZa16zb7pWkC/y5btTZzXfCtglIJEGc57giOw==
+
 react-use-gesture@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/react-use-gesture/-/react-use-gesture-8.0.1.tgz#4360c0f7c9e26baf9fbe58f63fc9de7ef699c17f"