feat(order): add order detail and list pages with components for order management

- Implemented order detail page with components for displaying order status, user info, and refund options.
- Created order list page with pagination and order cards for displaying all orders.
- Added styles for order detail and list pages.
- Developed a prompt document outlining component requirements for the order management system.
- Introduced a new Card component for quick booking with a responsive design.
- Enhanced Tabs component for better navigation between different categories.
- Integrated z-paging for efficient data loading and management in order and quick booking lists.
- Added service order card component for displaying service requests with call functionality.
- Updated main CSS for improved viewport handling.

src/components/SwipeCards/styles/index.scss

@@ -0,0 +1,61 @@
+.card {
+  height: 308px;
+}
+
+.card-item {
+  inset: 0;
+  will-change: transform, opacity;
+  height: 277px;
+  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.08);
+  border-radius: 20px;
+}
+
+.inner-card {
+  width: 100%;
+  height: 100%;
+}
+
+/* 商品大图部分：撑满除相册外的空间 */
+.goods-image-wrapper {
+  width: 100%;
+  height: 193px;
+}
+
+
+.album-item {
+  width: 96px;
+  height: 60px;
+}
+
+.album-title {
+  background: rgba(0, 0, 0, 0.5);
+  height: 20px;
+}
+
+/* 底部价格与购买按钮 */
+.card-footer {
+  border-top: 1px solid rgba(0,0,0,0.04);
+}
+
+.card-footer .price-left {
+  display: flex;
+  align-items: baseline;
+  color: #171717;
+}
+
+.buy-btn {
+  background-color: $theme-color-500;
+  color: #fff;
+  margin-top: 12px;
+  padding: 12px 24px;
+  border-radius: 12px;
+  font-size: 14px;
+  line-height: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.buy-btn:active {
+  opacity: 0.9;
+}