refactor(booking): move DetailPopup to local components and update styles

remove the global DetailPopup SCSS style file, update the component import path in the booking page, and rewrite the component using Tailwind CSS classes.

src/components/DetailPopup/styles/index.scss

@@ -1,9 +0,0 @@
-.refund-popup {
-  border-radius: 15px 15px 0 0;
-  padding-bottom: 40px;
-}
-
-.close {
-  top: 14px;
-  right: 12px;
-}

src/pages/booking/index.vue

@@ -69,7 +69,7 @@ import DateRangeSection from "@/components/DateRangeSection/index.vue";
 import ContactSection from "./components/ConactSection/index.vue";
 import UserSection from "./components/UserSection/index.vue";
 import RefundPopup from "@/components/RefundPopup/index.vue";
-import DetailPopup from "@/components/DetailPopup/index.vue";
+import DetailPopup from "./components/DetailPopup/index.vue";
 import FooterSection from "./components/FooterSection/index.vue";
 import { goodsDetail, orderPay } from "@/api/goods";
 import { useSelectedDateStore } from "@/store";