style: fix spacing and clean up unused styles

remove the unused CustomEmpty scss stylesheet
inline the empty image dimensions in CustomEmpty component and remove unused mode attribute
replace mt-8 utility classes with explicit mt-[8px] across multiple components
remove the deprecated style import in CustomEmpty

src/components/CustomEmpty/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="empty-container flex flex-col items-center justify-center">
-    <img class="empty-image" :src="emptyIcon" mode="aspectFit" />
-    <span class="text-[12px] text-center text-ink-400 mt-8">
+  <div class="flex flex-col items-center justify-center">
+    <img class="w-[130px] h-[130px]" :src="emptyIcon" />
+    <span class="text-[12px] text-center text-ink-400 mt-[8px]">
       {{ statusText }}
     </span>
   </div>
@@ -22,7 +22,3 @@ const props = defineProps({
   },
 });
 </script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>

src/components/CustomEmpty/styles/index.scss

@@ -1,4 +0,0 @@
-.empty-image {
-  height: 130px;
-  width: 130px;
-}