Transaction Table - Copy this React, Tailwind Component to your project

combine generation 2 and 3. like first make it responsive for mobile too. secondly add 1 one more field of date in format OCT 15, 2024. before Time IN. Apply sort features in all columns according to thier fileds and type of data. above table add zoom in and out button which is present in genration 2. records per page feature. reload the table feature. save as csv feature, search feature. advance search by exact date and time. duration cant be negative. make the table body scrollable in mobile like if i select 50 records per page so the content till thead will be on its position but make t body scrollable but dont show the scrollbar set its width to 0. one more thing is that on top right add a cross icon i will later apply a function in it. use good react icons whereever the icons are.