refactor: replace custom ellipsis classes with native utilities

delete unused ellipsis.scss partial and its import, update all components to use truncate and line-clamp-2 utilities

src/pages/Discovery/components/DiscoveryPhotoToolCard/index.vue

@@ -1,10 +1,5 @@
 <template>
-  <view
-    class="discovery-photo-tool-card"
-    hover-class="is-pressed"
-    hover-stay-time="80"
-    @tap="handleSelect"
-  >
+  <view class="discovery-photo-tool-card" hover-class="is-pressed" hover-stay-time="80" @tap="handleSelect">
     <view class="photo-visual">
       <view class="camera-illustration">
         <view class="camera-top" />
@@ -17,36 +12,21 @@
           <view class="camera-dot is-small" />
         </view>
       </view>
-      <text class="photo-badge ellipsis-1">{{ normalizedItem.badge }}</text>
+      <text class="photo-badge truncate">{{ normalizedItem.badge }}</text>
     </view>
 
     <view class="photo-content">
-      <text class="photo-title ellipsis-1">{{ normalizedItem.title }}</text>
-      <text class="photo-subtitle ellipsis-1">{{ normalizedItem.subTitle }}</text>
+      <text class="photo-title truncate">{{ normalizedItem.title }}</text>
+      <text class="photo-subtitle truncate">{{ normalizedItem.subTitle }}</text>
 
       <view class="photo-options">
-        <view
-          v-for="(option, index) in normalizedItem.options"
-          :key="getOptionKey(option, index)"
-          class="photo-option"
-          hover-class="is-option-pressed"
-          hover-stay-time="80"
-          @tap.stop="handleOptionSelect(option, index)"
-        >
+        <view v-for="(option, index) in normalizedItem.options" :key="getOptionKey(option, index)" class="photo-option"
+          hover-class="is-option-pressed" hover-stay-time="80" @tap.stop="handleOptionSelect(option, index)">
           <view class="photo-option-thumb">
-            <image
-              v-if="option.coverImage"
-              class="photo-option-image"
-              :src="option.coverImage"
-              mode="aspectFill"
-            />
-            <view
-              v-else
-              class="photo-option-placeholder"
-              :class="`is-${index}`"
-            />
+            <image v-if="option.coverImage" class="photo-option-image" :src="option.coverImage" mode="aspectFill" />
+            <view v-else class="photo-option-placeholder" :class="`is-${index}`" />
           </view>
-          <text class="photo-option-label ellipsis-1">{{ option.label }}</text>
+          <text class="photo-option-label truncate">{{ option.label }}</text>
         </view>
       </view>
     </view>