diff --git a/.gitignore b/.gitignore
index c96b29d2..4744dbba 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 .DS_Store
 node_modules
+dist
 
 
 # local env files
diff --git a/app/src/assets/main.scss b/app/src/assets/main.scss
index a3e933d7..8132a8d5 100644
--- a/app/src/assets/main.scss
+++ b/app/src/assets/main.scss
@@ -3,6 +3,7 @@
 );
 
 @import url('./markdown.scss');
+@import 'tdesign-vue-next/es/style/index.css';
 
 :root {
   --td-brand-color: #000 !important;
diff --git a/app/src/hooks/useTodayListCache.ts b/app/src/hooks/useTodayListCache.ts
index c93be83c..2606dfd9 100644
--- a/app/src/hooks/useTodayListCache.ts
+++ b/app/src/hooks/useTodayListCache.ts
@@ -2,7 +2,7 @@ import { ref, type Ref } from 'vue'
 import { useNow, useDateFormat, useLocalStorage } from '@vueuse/core'
 import { useFetch } from './useFetch'
 import type { ResponseBody } from '@/plugins/axios'
-import type { TableItem } from '@/components/QuestionTable.vue'
+import type { TableItem } from '@/components/tables/QuestionTable.vue'
 
 const today = useDateFormat(useNow(), 'YYYY-MM-DD')
 
diff --git a/app/src/layouts/SideBar.vue b/app/src/layouts/SideBar.vue
index 70dc0fb3..f1a494e3 100644
--- a/app/src/layouts/SideBar.vue
+++ b/app/src/layouts/SideBar.vue
@@ -10,21 +10,27 @@
       }"
     >
       <template #prepend>
-        <div>
+        <div
+          :style="{
+            width: rail ? '38px' : '50px',
+            height: rail ? '38px' : '50px',
+          }"
+          class="mr-5"
+        >
           <v-img
-            :src="
-              isDark
-                ? '/src/assets/images/logo-dark.svg'
-                : '/src/assets/images/logo.svg'
-            "
-            :lazy-src="
-              isDark
-                ? '/src/assets/images/logo-dark.svg'
-                : '/src/assets/images/logo.svg'
-            "
-            :width="rail ? 38 : 50"
-            class="mr-5"
-            style="transition: width 0.15s ease-in-out"
+            v-show="isDark"
+            src="/src/assets/images/logo-dark.svg"
+            lazy-src="/src/assets/images/logo-dark.svg"
+            alt="logo-dark"
+            width="100%"
+          />
+
+          <v-img
+            v-show="!isDark"
+            src="/src/assets/images/logo.svg"
+            lazy-src="/src/assets/images/logo.svg"
+            alt="logo-light"
+            width="100%"
           />
         </div>
       </template>
diff --git a/app/src/store/note.ts b/app/src/store/note.ts
index 7a901ffc..56a64e1e 100644
--- a/app/src/store/note.ts
+++ b/app/src/store/note.ts
@@ -29,6 +29,7 @@ export const useNoteStore = defineStore('noteStore', {
   actions: {
     async getNotes() {
       const [_getNotes, loading] = useFetch(NOTE_API.getNotes)
+      // @ts-ignore
       this.$state.getNotesLoading = loading
       const { data } = await _getNotes()
       this.$state.notes = data
diff --git a/app/src/store/profile.ts b/app/src/store/profile.ts
index 15013c41..3557caa9 100644
--- a/app/src/store/profile.ts
+++ b/app/src/store/profile.ts
@@ -118,7 +118,7 @@ const state: ProfileState = {
   },
 
   confirmLoading: false,
-} as const
+}
 
 export const useProfileStore = defineStore('profileStore', {
   state: () => state,
@@ -138,6 +138,7 @@ export const useProfileStore = defineStore('profileStore', {
 
     async setProfile() {
       const [_setKeys, loading] = useFetch(PROFILE_API.setProfile)
+      // @ts-ignore
       this.$state.confirmLoading = loading
 
       const data: any = {}
diff --git a/app/src/views/Notes.vue b/app/src/views/Notes.vue
index c41d06cb..6ead82c0 100644
--- a/app/src/views/Notes.vue
+++ b/app/src/views/Notes.vue
@@ -76,7 +76,7 @@
               >
                 <v-list-item
                   :title="$t('title.createDate')"
-                  :subtitle="handleDatetime(currentNote.upload_date)"
+                  :subtitle="handleDatetime(currentNote.upload_date!)"
                 />
                 <!-- Dont delete
                 <v-list-item :title="$t('title.finishedAmount')" subtitle="10" />