refactor: face ui (#6981)

* refactor: face ui

* feat: people pgotos

* feat: people pgotos

* feat: optimize ui

* feat: optimize ui

* feat: delete file

* optimize code

* feat: replace icon

* update

* feat: replace icon

* feat: optimize back btn

---------

Co-authored-by: 杨国璇 <ygx@Hello-word.local>
Co-authored-by: 杨国璇 <ygx@192.168.1.3>
Co-authored-by: ‘JoinTyang’ <yangtong1009@163.com>

frontend/src/metadata/components/view-toolbar/index.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { EVENT_BUS_TYPE, VIEW_TYPE } from '../../constants';
 import TableViewToolbar from './table-view-toolbar';
 import GalleryViewToolbar from './gallery-view-toolbar';
+import FaceRecognitionViewToolbar from './face-recognition';
 
 import './index.css';
 
@@ -89,6 +90,13 @@ const ViewToolBar = ({ viewId, isCustomPermission, showDetail }) => {
           showDetail={showDetail}
         />
       )}
+      {viewType === VIEW_TYPE.FACE_RECOGNITION && (
+        <FaceRecognitionViewToolbar
+          isCustomPermission={isCustomPermission}
+          view={view}
+          showDetail={showDetail}
+        />
+      )}
     </div>
   );
 };