fix(FR-2420): add missing identicon for mount folders in VFolderTable

Author: ironAiken2

react/src/components/VFolderTable.tsx

@@ -19,6 +19,8 @@ import {
   ReloadOutlined,
   UserOutlined,
 } from '@ant-design/icons';
+import { shapes } from '@dicebear/collection';
+import { createAvatar } from '@dicebear/core';
 import {
   Button,
   Descriptions,
@@ -417,9 +419,29 @@ const VFolderTable: React.FC<VFolderTableProps> = ({
                   }
             }
           >
-            <BAILink type="hover" to={generateFolderPath(record.id)}>
-              <TextHighlighter keyword={searchKey}>{value}</TextHighlighter>
-            </BAILink>
+            <BAIFlex direction="row" align="center" gap="xxs">
+              <img
+                draggable={false}
+                onDragStart={(e) => e.preventDefault()}
+                style={{
+                  borderRadius: '0.25em',
+                  width: '1em',
+                  height: '1em',
+                  borderWidth: 0.5,
+                  borderStyle: 'solid',
+                  borderColor: token.colorBorder,
+                  userSelect: 'none',
+                }}
+                src={createAvatar(shapes, {
+                  seed: record.id,
+                  shape3: [],
+                })?.toDataUri()}
+                alt="VFolder Identicon"
+              />
+              <BAILink type="hover" to={generateFolderPath(record.id)}>
+                <TextHighlighter keyword={searchKey}>{value}</TextHighlighter>
+              </BAILink>
+            </BAIFlex>
             {showAliasInput && isCurrentRowSelected && (
               <Form.Item
                 noStyle