style(front/js): apply types on all objects

- reduce amount of warnings in IDE
    - maximize API type mapping with static/js/core/types.js

static/js/features/library/recent.js

@@ -12,6 +12,8 @@ import { i18n } from '../../core/i18n.js';
 import { multiSelect } from '../files/multiSelect.js';
 import * as pathTooltip from '../pathTooltip.js';
 
+/** @import {FileItem, FolderItem, ItemTypeEnum} from '../../core/types.js' */
+
 const recent = {
     /** Maximum items to request from the server */
     MAX_RECENT_FILES: 20,
@@ -38,8 +40,9 @@ const recent = {
      */
     setupEventListeners() {
         document.addEventListener('file-accessed', (event) => {
-            if (event.detail?.file) {
-                const file = event.detail.file;
+            const e = /** @type {CustomEvent} */ (event);
+            if (e.detail?.file) {
+                const file = e.detail.file;
                 const itemType = file.item_type || 'file';
                 this._recordAccess(file.id, itemType);
             }
@@ -48,6 +51,8 @@ const recent = {
 
     /**
      * Record an access event on the server.
+     * @param {string} itemId
+     * @param {ItemTypeEnum} itemType
      */
     async _recordAccess(itemId, itemType) {
         try {
@@ -120,8 +125,12 @@ const recent = {
                 `);
             }
 
+            /** @type {FolderItem[]} */
             const folders = [];
+
+            /** @type {FileItem[]} */
             const files = [];
+
             for (const item of recentItems) {
                 const isFolder = item.item_type === 'folder';
                 if (isFolder) {
@@ -130,7 +139,13 @@ const recent = {
                         name: item.item_name || item.item_id,
                         parent_id: item.parent_id || '',
                         modified_at: item.accessed_at,
-                        path: item.item_path || ''
+                        path: item.item_path || '',
+                        category: 'folder',
+                        created_at: item.created_at,
+                        icon_class: '',
+                        icon_special_class: '',
+                        owner_id: '',
+                        is_root: false
                     });
                 } else {
                     files.push({
@@ -144,7 +159,10 @@ const recent = {
                         size: item.item_size || 0,
                         size_formatted: item.size_formatted,
                         modified_at: item.accessed_at,
-                        path: item.item_path || ''
+                        path: item.item_path || '',
+                        owner_id: '',
+                        created_at: item.created_at,
+                        sort_date: item.created_at
                     });
                 }
             }