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

@@ -0,0 +1,7 @@
+<template>
+  <div class="divider"></div>
+</template>
+
+<style scoped lang="scss">
+@import "./styles/index.scss";
+</style>

src/components/Divider/styles/index.scss

@@ -0,0 +1,36 @@
+.divider {
+  height: 1px;
+  margin: 0 10px;
+  background: linear-gradient(
+    to right,
+    #eee,
+    #eee 5px,
+    transparent 5px,
+    transparent
+  );
+  background-size: 10px 100%;
+  position: relative;
+
+  // &::before, &::after {
+  //   position: absolute;
+  //   content: '';
+  //   height: 12px;
+  //   width: 6px;
+
+  //   background-color: #E2EDF2;
+  //   top: 50%;
+  //   transform: translateY(-50%);
+  // }
+
+  // &::before {
+  //   border-radius: 0 20px 20px 0;
+  //   top: 0;
+  //   left: -10px;
+  // }
+
+  // &::after {
+  //   border-radius: 20px 0 0 20px;
+  //   top: 0;
+  //   right: -10px;
+  // }
+}