chore: remove postcss-js dependency from package.json

- Removed the postcss-js dependency from package.json to streamline the project and reduce unnecessary bloat.
- Updated ContextMenuItem component to use React.memo for performance optimization, preventing unnecessary re-renders.

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

package.json

@@ -65,7 +65,6 @@
     "lint-staged": "16.1.5",
     "postcss": "8.5.6",
     "postcss-import": "16.1.1",
-    "postcss-js": "4.0.1",
     "prettier": "3.6.2",
     "simple-git-hooks": "2.13.1",
     "tailwind-scrollbar": "4.0.2",
@@ -90,4 +89,4 @@
       "eslint --fix"
     ]
   }
-}
+}

src/components/ui/context-menu/context-menu.tsx

@@ -90,31 +90,33 @@ const ContextMenuContent = ({
 )
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
 
-const ContextMenuItem = ({
-  ref,
-  className,
-  inset,
-  hasIcon,
-  ...props
-}: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
-  inset?: boolean
-  hasIcon?: boolean
-} & {
-  ref?: React.Ref<React.ElementRef<typeof ContextMenuPrimitive.Item> | null>
-}) => (
-  <ContextMenuPrimitive.Item
-    ref={ref}
-    className={clsxm(
-      'cursor-menu focus:bg-accent focus:text-white text-sm text-foreground relative flex select-none items-center rounded-[5px] px-2.5 py-1 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      'data-[highlighted]:bg-accent data-[highlighted]:text-white focus-within:outline-transparent',
-      'h-[28px]',
-      inset && 'pl-8',
-      hasIcon ? 'px-8' : 'pr-8',
+const ContextMenuItem = React.memo(
+  ({
+    ref,
+    className,
+    inset,
+    hasIcon,
+    ...props
+  }: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean
+    hasIcon?: boolean
+  } & {
+    ref?: React.Ref<React.ElementRef<typeof ContextMenuPrimitive.Item> | null>
+  }) => (
+    <ContextMenuPrimitive.Item
+      ref={ref}
+      className={clsxm(
+        'cursor-menu focus:bg-accent focus:text-white text-sm text-foreground relative flex select-none items-center rounded-[5px] px-2.5 py-1 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+        'data-[highlighted]:bg-accent data-[highlighted]:text-white focus-within:outline-transparent',
+        'h-[28px]',
+        inset && 'pl-8',
+        hasIcon ? 'px-8' : 'pr-8',
 
-      className,
-    )}
-    {...props}
-  />
+        className,
+      )}
+      {...props}
+    />
+  ),
 )
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName