fix(dashboard): order item details alignment (#7942)

* fix: order item details alignment

* fix: use TW

* fix: use TW 2

* fix: smaller font for quantity

packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx

@@ -75,7 +75,7 @@ const Item = ({
   return (
     <div
       key={item.id}
-      className="text-ui-fg-subtle grid grid-cols-2 items-start gap-x-4 px-6 py-4"
+      className="text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4"
     >
       <div className="flex items-start gap-x-4">
         <Thumbnail src={item.thumbnail} />
@@ -107,7 +107,7 @@ const Item = ({
         </div>
         <div className="flex items-center gap-x-2">
           <div className="w-fit min-w-[27px]">
-            <Text>
+            <Text size="small">
               <span className="tabular-nums">{item.quantity}</span>x
             </Text>
           </div>
@@ -123,7 +123,7 @@ const Item = ({
           </div>
         </div>
         <div className="flex items-center justify-end">
-          <Text size="small">
+          <Text size="small" className="pt-[1px]">
             {getLocaleAmount(item.subtotal || 0, currencyCode)}
           </Text>
         </div>