style(home components): clean up scss and use utility classes

- remove unused SCSS style files for Discovery sub-components
- replace scoped SCSS styles with inline utility classes across home components
- remove redundant style imports and empty style blocks from component files
- simplify template conditions and remove unnecessary min-h-0 attributes

src/pages/home/components/ChatCardOther/index.vue

@@ -1,12 +1,13 @@
 <template>
-  <div class="w-full border-box flex flex-col overflow-hidden pl-12 mt-6 mb-6">
-    <span class="font-size-14 color-333">{{ text }}</span>
+  <div class="w-full flex flex-col overflow-hidden pl-[12px] mt-[6px] mb-[6px]">
+    <span class="text-[14px] text-[#333]">{{ text }}</span>
     <slot></slot>
   </div>
 </template>
 
 <script setup>
 import { defineProps } from "vue";
+
 defineProps({
   text: {
     type: String,
@@ -14,5 +15,3 @@ defineProps({
   },
 });
 </script>
-
-<style lang="scss" scoped></style>