Feat: Create a folder #3221 (#7228)

### What problem does this PR solve?

Feat: Create a folder #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/files/action-cell.tsx

@@ -17,15 +17,18 @@ import {
   UseHandleConnectToKnowledgeReturnType,
   UseRenameCurrentFileReturnType,
 } from './hooks';
+import { UseMoveDocumentReturnType } from './use-move-file';
 
 type IProps = Pick<CellContext<IFile, unknown>, 'row'> &
   Pick<UseHandleConnectToKnowledgeReturnType, 'showConnectToKnowledgeModal'> &
-  Pick<UseRenameCurrentFileReturnType, 'showFileRenameModal'>;
+  Pick<UseRenameCurrentFileReturnType, 'showFileRenameModal'> &
+  Pick<UseMoveDocumentReturnType, 'showMoveFileModal'>;
 
 export function ActionCell({
   row,
   showConnectToKnowledgeModal,
   showFileRenameModal,
+  showMoveFileModal,
 }: IProps) {
   const { t } = useTranslation();
   const record = row.original;
@@ -47,6 +50,10 @@ export function ActionCell({
     showFileRenameModal(record);
   }, [record, showFileRenameModal]);
 
+  const handleShowMoveFileModal = useCallback(() => {
+    showMoveFileModal([record.id]);
+  }, [record, showMoveFileModal]);
+
   return (
     <section className="flex gap-4 items-center">
       <Button
@@ -68,9 +75,7 @@ export function ActionCell({
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent align="end">
-          <DropdownMenuItem
-            onClick={() => navigator.clipboard.writeText(record.id)}
-          >
+          <DropdownMenuItem onClick={handleShowMoveFileModal}>
             {t('common.move')}
           </DropdownMenuItem>
           <DropdownMenuSeparator />