perf(renderer): defer task context menu translations

src/renderer/components/sidebar/TaskContextMenu.tsx

@@ -24,8 +24,18 @@ export interface TaskContextMenuProps {
   children: React.ReactNode;
 }
 
-export const TaskContextMenu = ({
-  task: _task,
+type TaskContextMenuContentProps = Pick<
+  TaskContextMenuProps,
+  | 'isPinned'
+  | 'isArchived'
+  | 'onTogglePin'
+  | 'onToggleArchive'
+  | 'onMarkUnread'
+  | 'onRename'
+  | 'onDelete'
+>;
+
+const TaskContextMenuLazyContent = ({
   isPinned,
   isArchived,
   onTogglePin,
@@ -33,17 +43,10 @@ export const TaskContextMenu = ({
   onMarkUnread,
   onRename,
   onDelete,
-  children,
-}: TaskContextMenuProps): React.JSX.Element => {
+}: TaskContextMenuContentProps): React.JSX.Element => {
   const { t } = useAppTranslation('common');
-  const [open, setOpen] = useState(false);
 
   return (
-    <ContextMenu onOpenChange={setOpen}>
-      <ContextMenuTrigger asChild>
-        <div className="w-full">{children}</div>
-      </ContextMenuTrigger>
-      {open ? (
     <ContextMenuContent onCloseAutoFocus={(e) => e.preventDefault()}>
       <ContextMenuItem onSelect={onTogglePin}>
         {isPinned ? (
@@ -95,6 +98,37 @@ export const TaskContextMenu = ({
         </>
       )}
     </ContextMenuContent>
+  );
+};
+
+export const TaskContextMenu = ({
+  task: _task,
+  isPinned,
+  isArchived,
+  onTogglePin,
+  onToggleArchive,
+  onMarkUnread,
+  onRename,
+  onDelete,
+  children,
+}: TaskContextMenuProps): React.JSX.Element => {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <ContextMenu onOpenChange={setOpen}>
+      <ContextMenuTrigger asChild>
+        <div className="w-full">{children}</div>
+      </ContextMenuTrigger>
+      {open ? (
+        <TaskContextMenuLazyContent
+          isPinned={isPinned}
+          isArchived={isArchived}
+          onTogglePin={onTogglePin}
+          onToggleArchive={onToggleArchive}
+          onMarkUnread={onMarkUnread}
+          onRename={onRename}
+          onDelete={onDelete}
+        />
       ) : null}
     </ContextMenu>
   );