feat: add required kyc blocking modal and fix copper asset units to kilogram

src/App.vue

@@ -30,9 +30,10 @@
           <component :is="Component" :key="route.fullPath" />
         </router-view>
       </div>
+      <RequiredKycModal v-if="!showSplash && !isTvBoardRoute && !isLoginRoute" />
     </AConfigProvider>
     <div
-      v-if="showSupportButton && !showSplash && route.name !== 'support' && route.name !== 'login' && !isTvBoardRoute"
+      v-if="showSupportButton && !showSplash && route.name !== 'support' && route.name !== 'login' && !isTvBoardRoute && !isKycRequired"
       id="support-button"
       ref="supportButtonEl"
       class="fixed z-[5100] cursor-grab select-none rounded-full"
@@ -132,6 +133,7 @@ import { usePwaInstall } from '@/composables/usePwaInstall'
 import PwaInstallBanner from '@/components/pwa/PwaInstallBanner.vue'
 import PwaInstallGuideModal from '@/components/pwa/PwaInstallGuideModal.vue'
 import GoldDayCalculatorModal from '@/components/GoldDayCalculatorModal.vue'
+import RequiredKycModal from '@/components/RequiredKycModal.vue'
 import { useUserStore } from '@/store/userStore'
 import { useSettingsStore } from '@/store/settingsStore'
 import {
@@ -299,6 +301,9 @@ watch(
 )
 
 const userStore = useUserStore()
+const isKycRequired = computed(
+  () => Boolean(getToken()) && (userStore.userInfo?.is_legal === 0 || !userStore.userInfo?.is_legal),
+)
 const settingsStore = useSettingsStore()
 const showLoginCreditExtras = computed(() => {
   if (!isLoginRoute.value) return false