feat(webui): add bounded file quick access

webui/src/module.ts

@@ -12,6 +12,7 @@ import { FolderTree } from "./features/files/components/FileManagerComponents";
 import FileConnectorSettingsPanel from "./features/files/FileConnectorSettingsPanel";
 import ManagedFileChooser from "./features/files/components/ManagedFileChooser";
 import FileSpacesWidget from "./features/files/FileSpacesWidget";
+import FileQuickAccess from "./features/files/FileQuickAccess";
 import { listFileSpaces, listFiles, listFilesDelta, listFolders, resolveFilePatterns, shareFilesWithTarget } from "./api/files";
 import { generatedTranslations } from "./i18n/generatedTranslations";
 import "./styles/file-manager.css";
@@ -72,14 +73,7 @@ const fileQuickAccessTools: QuickAccessToolsUiCapability = {
   tools: [
     {
       id: "files.recent",
-      render: ({ settings }) => createElement(FileSpacesWidget, {
-        settings,
-        refreshKey: 0,
-        configuration: {
-          maxItems: 7,
-          includeConnectors: true
-        }
-      })
+      render: (context) => createElement(FileQuickAccess, context)
     }
   ]
 };