refactor: replace flex-full with flex-1 and standardize scrollbar styles

- replace all outdated flex-full utility classes with modern flex-1 across Vue components
- standardize scrollbar hiding by using scrollbar-none utility instead of verbose vendor prefixes
- update order detail page layout and scroll container styling
- add scrollbar-none usage guidelines to AGENTS.md documentation

src/pages/quick/components/Card/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white p-[8px] rounded-[12px] flex items-start m-[12px]" @click.stop="handleClick(item)">
     <img class="w-[80px] h-[80px] rounded-[10px]" :src="item.commodityPhoto" />
-    <div class="max-w-[259px] flex-full pl-[12px]">
+    <div class="max-w-[259px] flex-1 pl-[12px]">
       <div class="text-[16px] leading-[24px] text-[#171717] mb-[4px]">
         {{ item.commodityName }}
       </div>