chore: remove unused GoodConfirm component and update UIs

- Remove all associated files of the GoodConfirm component: image assets, styles, demo page, README documentation, and main component file
- Replace uni-icons "right" icon with van-icon "arrow-right" in booking index page
- Refactor ScenicImageCard component: update layout, add gradient caption overlay, adjust expand button positioning, and remove legacy SCSS import

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

@@ -1,19 +1,22 @@
 <template>
-  <div class="scenic-image-card relative rounded-[24px] overflow-hidden w-full" :class="{ 'is-disabled': disabled }"
-    @click="handleSelect">
-    <img class="scenic-image-card__image block w-full" :src="data.image" mode="aspectFill" />
+  <div class="h-[324px] bg-[#e2e8f0] relative rounded-[24px] overflow-hidden w-full active:opacity-86"
+    :class="{ 'opacity-55': disabled }" @click="handleSelect">
+    <img class="h-full block w-full" :src="data.image" />
 
     <div
-      class="scenic-image-card__expand flex items-center justify-center rounded-full text-white text-[18px] font-bold"
+      class="absolute top-4 right-4 z-10 w-10 h-10 bg-slate-900/35 leading-10 flex items-center justify-center rounded-full text-white text-[18px] font-bold active:opacity-86"
       @click.stop="handleAction">
       {{ action.icon }}
     </div>
 
-    <div v-if="hasCaption" class="scenic-image-card__caption">
-      <div v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-bold truncate">
+    <div v-if="hasCaption"
+      class="absolute left-0 right-0 bottom-0 pt-[72px] px-[22px] pb-5 bg-gradient-to-b from-slate-900/0 to-slate-900/72">
+      <div v-if="caption.title"
+        class="leading-[24px] [text-shadow:0_2px_8px_rgba(0,0,0,0.28)] text-white text-[18px] font-bold truncate">
         {{ caption.title }}
       </div>
-      <div v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-bold truncate">
+      <div v-if="caption.subtitle"
+        class="mt-1 leading-[18px] [text-shadow:0_2px_8px_rgba(0,0,0,0.28)] text-white text-[14px] font-bold truncate">
         {{ caption.subtitle }}
       </div>
     </div>
@@ -49,8 +52,4 @@ const handleAction = () => {
   if (props.disabled) return;
   emit("action", props.data);
 };
-</script>
-
-<style scoped lang="scss">
-@import "./styles/index.scss";
-</style>
+</script>