add kanban view (#6951)

* add kanban view

* optimize code

* update setting panel and favicon

* fix drag and drop bug

* update empty tips

* add card placeholder

* update card drag and drop

* update list drag and drop

* optimize code

* fix drop bug

* fix syntax error

* feat: optimize code

* feat: add op

* feat: optimize ui

* format code

* feat: optimize ui

* feat: optimize code

* optimize code

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>
Co-authored-by: 杨国璇 <ygx@Hello-word.local>

frontend/src/metadata/components/popover/view-popover/add-view/index.js

@@ -15,6 +15,10 @@ const VIEW_OPTIONS = [
   {
     key: 'gallery',
     type: VIEW_TYPE.GALLERY,
+  },
+  {
+    key: 'kanban',
+    type: VIEW_TYPE.KANBAN,
   }
 ];
 
@@ -43,6 +47,8 @@ const AddView = ({ target, toggle, onOptionClick }) => {
         return gettext('Table');
       case VIEW_TYPE.GALLERY:
         return gettext('Gallery');
+      case VIEW_TYPE.KANBAN:
+        return gettext('Kanban');
       default:
         return type;
     }