96 UI optimization (#122)

* fix(home): 🐛 解决多次切换路由后页面卡顿的问题 #96

卸载路由时清除requestAnimationFrame

* feat: ✨ 文件存储使用Blob格式

* style: 💄 修改部分类型any为具体类型

* feat: ✨ 界面设置中模块使用瀑布流布局 #96

* fix: 🐛 md文档更换文件夹解决控制台警告

* style: 💄 switch按钮改回使用daisyui组件

* refactor: ♻️ 所有人员列表提取tableColumn

* style: 💄 奖项列表中的图片类型修复

src/views/Home/components/PrizeList/index.vue

@@ -117,7 +117,7 @@ onMounted(() => {
             </div>
             <input
               type="checkbox" :checked="temporaryPrize.isAll"
-              class="mt-2 border-solid checkbox checkbox-secondary border-1"
+              class="mt-2 border-solid checkbox checkbox-secondary border"
               @change="temporaryPrize.isAll = !temporaryPrize.isAll"
             >
           </label>

src/views/Home/components/StarsBackground/index.vue

@@ -40,7 +40,7 @@ async function getImageStoreItem(item: any): Promise<string> {
   if (item.url === 'Storage') {
     const key = item.id
     const imageData = await imageDbStore.getItem(key) as any
-    image = imageData.dataUrl
+    image = URL.createObjectURL(imageData.data)
   }
   else {
     image = item.url