Update recently used view (#6487)

* improve recently used item list ui

* update view in recently used from repo list to folder list

frontend/src/components/file-chooser/recently-used-list-item.js

@@ -0,0 +1,26 @@
+import React from 'react';
+
+const RecentlyUsedListItem = ({ path, isSelected, onItemClick }) => {
+  const title = path.split('/').pop();
+
+  const handleItemClick = () => {
+    onItemClick(path);
+  };
+
+  return (
+    <li>
+      <div className={`${isSelected ? 'item-active' : ''} item-info recently-used`} onClick={handleItemClick}>
+        <div className="item-left-icon">
+          <i className="tree-node-icon">
+            <span className="icon sf3-font sf3-font-folder tree-node-icon"></span>
+          </i>
+        </div>
+        <div className="item-text">
+          <span className="name user-select-none ellipsis" title={title}>{title}</span>
+        </div>
+      </div>
+    </li>
+  );
+};
+
+export default RecentlyUsedListItem;