Node library custom bookmark folder (#631)

* Add new folder button

* Add tree util test

* nit

* Support empty folder in node library

* Drag to bookmark folder

* Use bookmark icon for bookmark folder

* Highlight on dragover

* nit

* Auto-expand on item added

* Extract bookmark system as store

* Add context menu on bookmark folder

* Add editable text

* Fix reactivity

* Plumb editable text

* refactor

* Rename node

* Fix focus

* Prevent name collision

* nit

* Add new folder

* nested folder support

* Change drag behavior

* Add basic playwright tests

* nit

* Target tree-node-content instead of tree-node

src/i18n.ts

@@ -2,6 +2,7 @@ import { createI18n } from 'vue-i18n'
 
 const messages = {
   en: {
+    error: 'Error',
     findIssues: 'Find Issues',
     copyToClipboard: 'Copy to Clipboard',
     openNewIssue: 'Open New Issue',
@@ -10,6 +11,8 @@ const messages = {
     reconnecting: 'Reconnecting',
     reconnected: 'Reconnected',
     delete: 'Delete',
+    rename: 'Rename',
+    customize: 'Customize',
     experimental: 'BETA',
     deprecated: 'DEPR',
     loadWorkflow: 'Load Workflow',
@@ -21,6 +24,7 @@ const messages = {
       "We couldn't find any settings matching your search. Try adjusting your search terms.",
     noTasksFound: 'No Tasks Found',
     noTasksFoundMessage: 'There are no tasks in the queue.',
+    newFolder: 'New Folder',
     sideToolbar: {
       themeToggle: 'Toggle Theme',
       queue: 'Queue',
@@ -35,11 +39,14 @@ const messages = {
     }
   },
   zh: {
+    error: '错误',
     showReport: '显示报告',
     imageFailedToLoad: '图像加载失败',
     reconnecting: '重新连接中',
     reconnected: '已重新连接',
     delete: '删除',
+    rename: '重命名',
+    customize: '定制',
     loadWorkflow: '加载工作流',
     settings: '设置',
     searchSettings: '搜索设置',
@@ -49,6 +56,7 @@ const messages = {
     noTasksFoundMessage: '队列中没有任务。',
     searchFailedMessage:
       '我们找不到与您的搜索匹配的任何设置。请尝试调整搜索条件。',
+    newFolder: '新建文件夹',
     sideToolbar: {
       themeToggle: '主题切换',
       queue: '队列',