JSFiddle - React, Tailwind, and code Playground

JavaScript

let data =[
    {
        "id": "05a87dssff-7468-49b1-bae3-0cd06dc22189",
        "details": [
            [
                {
                    "Id": "6741c8b3-03bb-4431-9975-df25eae0a5c2",
                    "qty": 4,
                    "name": "chicken burger",
                    "price": 15,
                    "total": "60.00",
                    
                }
            ]
        ],
    },
    {
        "id": "05a87dff-746gf-49b1-bae3-s0cd06dc22189",
        "details": [
            [
                {
                    "Id": "6741c8b3-03bb-4431-9975-df25eae0a5c2",
                    "qty": 4,
                    "name": "chicken burger",
                    "price": 15,
                    "total": "60.00",
                    
                }
            ]
        ],
    },
    {
        "id": "05a87dff-746gf-49b1-bae3-0cd06dc22189",
        "details": [
            [
                {
                    "Id": "6741c8b3-03bb-4431-9975-df25eae0a5c2",
                    "qty": 4,
                    "name": "chicken burger",
                    "price": 15,
                    "total": "60.00",
                    
                }
            ]
        ],
    },
    {
        "id": "05a87rdff-7468-49b1-bae3-0cd06dc22189",
        "details": [
            [
                 {
                    "Id": "6741c8b3-03bb-4431-9975-df25eae0a5c2",
                    "qty": 4,
                    "name": "chicken burger",
                    "price": 15,
                    "total": "60.00",
                }
            ]
        ],
    },
    {
        "id": "05a87dff-7468-s49b1-bae3-0cd06dc22189",
        "details": [
            [
                 {
                    "Id": "6741c8b3-03bb-4431-9975-df25eae0a5c2",
                    "qty": 4,
                    "name": "chicken burger",
                    "price": 15,
                    "total": "60.00",
                }
            ]
        ],
    },
    {
        "id":...