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/Discovery/index.vue

@@ -1,14 +1,14 @@
 <template>
-  <div class="flex flex-col h-full overflow-hidden min-height-0">
-    <div class="flex-shrink-0">
-      <FindTabs v-if="discoveryTabs.length > 0" v-model="activeIndex" :tabs="discoveryTabs" @change="handleTabChange" />
+  <div class="flex flex-col h-full overflow-hidden">
+    <div class="shrink-0">
+      <FindTabs v-if="discoveryTabs.length" v-model="activeIndex" :tabs="discoveryTabs" @change="handleTabChange" />
     </div>
 
-    <div class="discovery-scroll flex-full border-box min-height-0" scroll-y show-scrollbar="false"
-      @touchstart="emitScrollTouchStart" @touchmove="emitScrollTouch" @scroll="emitScrollTouch">
-      <CardSwiper v-if="discoveryCards.length > 0" :list="discoveryCards" @didSelectItem="handleCardClick" />
+    <div class="discovery-scroll flex-full" overflow-y @touchstart="emitScrollTouchStart" @touchmove="emitScrollTouch"
+      @scroll="emitScrollTouch">
+      <CardSwiper v-if="discoveryCards.length" :list="discoveryCards" @didSelectItem="handleCardClick" />
 
-      <QuickQuestions v-if="discoveryQuickQuestions.length > 0" :list="discoveryQuickQuestions"
+      <QuickQuestions v-if="discoveryQuickQuestions.length" :list="discoveryQuickQuestions"
         @didSelectItem="handleQuickQuestionClick" />
 
     </div>
@@ -192,12 +192,3 @@ onMounted(() => {
 });
 
 </script>
-
-<style lang="scss" scoped>
-.discovery-scroll {
-  flex-basis: 0;
-  height: 0;
-  min-height: 0;
-  overscroll-behavior-y: contain;
-}
-</style>