chore: migrates @faceless-ui imports to esm (#6681)

packages/ui/src/elements/DeleteDocument/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { SanitizedCollectionConfig } from 'payload/types'
 
-import * as facelessUIImport from '@faceless-ui/modal'
+import { Modal, useModal } from '@faceless-ui/modal'
 import { getTranslation } from '@payloadcms/translations'
 import { useRouter } from 'next/navigation.js'
 import React, { useCallback, useState } from 'react'
@@ -31,7 +31,6 @@ export type Props = {
 
 export const DeleteDocument: React.FC<Props> = (props) => {
   const { id, buttonId, collectionSlug, singularLabel, title: titleFromProps } = props
-  const { Modal, useModal } = facelessUIImport
 
   const {
     routes: { admin, api },