orders: activate rate feature

src/pages/order/page.tsx

@@ -34,6 +34,7 @@ export default function OrderPage() {
   const navigate = useNavigate();
   const hasRefetchedRef = useRef(false);
   const [isOpen, setIsOpen] = useState(false);
+  const [isRateOrderOpen, setIsRateOrderOpen] = useState(false);
 
   const { data: orderDetails } = useGetOrderDetailsQuery(
     {
@@ -471,7 +472,36 @@ export default function OrderPage() {
 
         <QRBottomSheet isOpen={isOpen} onClose={() => setIsOpen(false)} />
 
-        <RateBottomSheet />
+        <Card
+          className={styles.rateServiceCard}
+          onClick={() => setIsRateOrderOpen(true)}
+        >
+          <div
+            style={{
+              display: "flex",
+              flexDirection: "row",
+              justifyContent: "center",
+              marginTop: 1,
+            }}
+          >
+            <div style={{ display: "flex", flexDirection: "row", gap: 10 }}>
+              <ProTitle
+                level={5}
+                style={{
+                  marginTop: 1,
+                  fontSize: 14,
+                }}
+              >
+                {t("order.rateOrder")}
+              </ProTitle>
+            </div>
+          </div>
+        </Card>
+
+        <RateBottomSheet
+          isOpen={isRateOrderOpen}
+          onClose={() => setIsRateOrderOpen(false)}
+        />
 
         <CancelOrderBottomSheet />
       </div>