feat: order detail

lib/presentation/pages/main/pages/order/widgets/order_card.dart

@@ -1,7 +1,9 @@
+import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 
 import '../../../../../../common/theme/theme.dart';
+import '../../../../../router/app_router.gr.dart';
 import '../order_page.dart';
 
 class OrderCard extends StatelessWidget {
@@ -10,22 +12,21 @@ class OrderCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
-      margin: const EdgeInsets.only(bottom: 16),
-      decoration: BoxDecoration(
-        color: AppColor.white,
-        borderRadius: BorderRadius.circular(16),
-        boxShadow: [
-          BoxShadow(
-            color: AppColor.black.withOpacity(0.06),
-            blurRadius: 16,
-            offset: const Offset(0, 3),
-          ),
-        ],
-      ),
-      child: InkWell(
-        onTap: () => _showOrderDetail(order),
-        borderRadius: BorderRadius.circular(16),
+    return GestureDetector(
+      onTap: () => context.router.push(OrderDetailRoute(order: order)),
+      child: Container(
+        margin: const EdgeInsets.only(bottom: 16),
+        decoration: BoxDecoration(
+          color: AppColor.white,
+          borderRadius: BorderRadius.circular(16),
+          boxShadow: [
+            BoxShadow(
+              color: AppColor.black.withOpacity(0.06),
+              blurRadius: 16,
+              offset: const Offset(0, 3),
+            ),
+          ],
+        ),
         child: Padding(
           padding: const EdgeInsets.all(18),
           child: Column(
@@ -325,8 +326,4 @@ class OrderCard extends StatelessWidget {
     final formatter = NumberFormat('#,###');
     return formatter.format(amount);
   }
-
-  void _showOrderDetail(Order order) {
-    // Implementation for showing order details
-  }
 }