order: show services

apps/web/components/schedule/orders-list.tsx

@@ -50,11 +50,14 @@ function Order({ documentId }: Readonly<OrderComponentProps>) {
   return (
     <Link href={`/records/${documentId}`} rel="noopener noreferrer">
       <div className="flex items-center justify-between rounded-2xl bg-background p-4 px-6 dark:bg-primary/5">
-        <div className="flex flex-col gap-2">
+        <div className="flex flex-col justify-around gap-2">
           <ReadonlyTimeRange
             time_end={data?.data.order?.time_end}
             time_start={data?.data.order?.time_start}
           />
+          <span className="truncate text-xs font-bold text-foreground">
+            {data.data.order.services.map((service) => service?.name).join(', ')}
+          </span>
           <span className="text-xs text-foreground">{data?.data.order?.client?.name}</span>
         </div>
         {data?.data.order?.state && (