add video-collect display, improve index layout

src/views/ViewerLayout.vue

@@ -7,7 +7,7 @@ import { useUser } from '@/api/user'
 import RegisterAndLogin from '@/components/RegisterAndLogin.vue'
 import { FETCH_API } from '@/data/constants'
 import { useAuthStore } from '@/store/useAuthStore'
-import { BookCoins20Filled, CalendarClock24Filled } from '@vicons/fluent'
+import { BookCoins20Filled, CalendarClock24Filled, VideoAdd20Filled } from '@vicons/fluent'
 import { Chatbox, Home, Moon, MusicalNote, Sunny } from '@vicons/ionicons5'
 import { useElementSize, useStorage } from '@vueuse/core'
 import {
@@ -145,6 +145,21 @@ onMounted(async () => {
       key: 'user-questionBox',
       icon: renderIcon(Chatbox),
     },
+    {
+      label: () =>
+        h(
+          RouterLink,
+          {
+            to: {
+              name: 'user-video-collect',
+            },
+          },
+          { default: () => '视频征集' },
+        ),
+      show: (userInfo.value?.extra?.enableFunctions.indexOf(FunctionTypes.VideoCollect) ?? -1) > -1,
+      key: 'user-video-collect',
+      icon: renderIcon(VideoAdd20Filled),
+    },
     {
       label: () =>
         h(