Timeline - Copy this React, Tailwind Component to your project

create-a-screen-to-display-timeline-and-responsive-for-mobile.-[-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"CareRecord.AddCareRecord",-"details":-"{\"Name\":\"_\",\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"Notes\":\"?????\",\"EmotionMap\":2,\"EngagementLevel\":null,\"CareRecordTypeId\":\"6de14381-7d13-4fe6-bbb6-dfd88d870592\",\"CareCategoryId\":null,\"ActivityIds\":[],\"OtherActivity\":null,\"CareStartedOffset\":\"2024-11-27T03:33:00+00:00\",\"CareDurationMins\":null,\"GroupEvent\":null}",-"dateLogged":-"2024-11-27T03:33:56.2938078Z"-},-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"Assessment.AddAssessment",-"details":-"{\"Id\":\"bac59785-1e0e-476b-83e0-7a21401097f5\",\"Name\":\"Assessment-Name-Assessment-Name.-Assessment-Name\",\"Status\":0,\"StatusName\":null,\"RiskScore\":null,\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"ServiceUserName\":null,\"AssessmentCreatedFrom\":1,\"CreatedFromId\":\"4edf1cfa-ce3e-414c-bb59-6ced8f5b8fff\",\"PlanType\":0,\"IsDeleted\":null,\"CreatedBy\":\"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed\",\"CreatedByName\":null,\"CreatedTime\":\"2024-11-27T03:32:53.6660449Z\",\"LastModifiedBy\":\"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed\",\"LastModifiedByName\":null,\"LastModifiedTime\":\"2024-11-27T03:32:53.6660449Z\",\"AssessmentActivities\":[]}",-"dateLogged":-"2024-11-27T03:32:53.8319138Z"-},-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"Assessment.AddAssessment",-"details":-"{\"Id\":\"d5b4bf5c-9fd2-487f-948c-b89a0df8593a\",\"Name\":\"Assessment-Name\",\"Status\":0,\"StatusName\":null,\"RiskScore\":null,\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"ServiceUserName\":null,\"AssessmentCreatedFrom\":0,\"CreatedFromId\":\"0453cd10-a103-4432-b917-235627171161\",\"PlanType\":0,\"IsDeleted\":null,\"CreatedBy\":\"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed\",\"CreatedByName\":null,\"CreatedTime\":\"2024-11-27T03:32:38.1813366Z\",\"LastModifiedBy\":\"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed\",\"LastModifiedByName\":null,\"LastModifiedTime\":\"2024-11-27T03:32:38.1813366Z\",\"AssessmentActivities\":[]}",-"dateLogged":-"2024-11-27T03:32:38.6170432Z"-},-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"FormData.AddFormData",-"details":-"{\"FormId\":\"f122f01a-7bbf-411c-b4c8-3424fbe7f2b5\",\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"CareRecordId\":\"de1ae1e4-2a7b-4d6f-aedc-9a84387c5b7b\",\"Data\":\"{\\u0022form_completedDate\\u0022:\\u00222024-11-27T03:31:17.079Z\\u0022,\\u0022form_peopleOthersDetails\\u0022:\\u0022\\u0022,\\u0022form_peopleWitnessesDetails\\u0022:\\u0022\\u0022,\\u0022form_accidentPriorActivity\\u0022:\\u0022\\u0022,\\u0022form_accidentDescription\\u0022:\\u0022\\u0022,\\u0022form_accidentWitnessAccount\\u0022:\\u0022\\u0022,\\u0022form_fall\\u0022:null,\\u0022form_accidentExpectedByServiceUser\\u0022:null,\\u0022form_callBellInReach\\u0022:null,\\u0022form_serviceUserInBed\\u0022:null,\\u0022form_footwearGoodCondition\\u0022:null,\\u0022form_otherEquipmentInUse\\u0022:null,\\u0022form_areaClutterFree\\u0022:null,\\u0022form_useEyeWear\\u0022:null,\\u0022form_injuriesSustained\\u0022:null,\\u0022form_vitalSignsTaken\\u0022:null,\\u0022form_firstAidGiven\\u0022:null,\\u0022form_reassuranceGiven\\u0022:null,\\u0022form_hospitalAttendanceRequired\\u0022:null,\\u0022form_monitoringRegularly\\u0022:null,\\u0022form_999Contacted\\u0022:null,\\u0022form_111Contacted\\u0022:null,\\u0022form_gpContacted\\u0022:null,\\u0022form_policeContacted\\u0022:null,\\u0022form_managementNotified\\u0022:null,\\u0022form_relativesInformed\\u0022:null,\\u0022form_inspectorateNotified\\u0022:null,\\u0022form_safeguardingReferralMade\\u0022:null,\\u0022form_risksAndCarePlansUpdated\\u0022:null,\\u0022form_accidentPreventable\\u0022:null,\\u0022form_staffFollowedCorrectProcedures\\u0022:null,\\u0022form_riddorSubmitted\\u0022:null,\\u0022form_otherActionsTaken\\u0022:\\u0022\\u0022}\"}",-"dateLogged":-"2024-11-27T03:31:26.4143706Z"-},-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"CareRecord.AddCareRecord",-"details":-"{\"Name\":\"_\",\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"Notes\":\"\",\"EmotionMap\":4,\"EngagementLevel\":null,\"CareRecordTypeId\":\"875949ec-0883-470b-ab86-134b91c12a14\",\"CareCategoryId\":null,\"ActivityIds\":[],\"OtherActivity\":null,\"CareStartedOffset\":\"2024-11-27T03:31:00+00:00\",\"CareDurationMins\":null,\"GroupEvent\":null}",-"dateLogged":-"2024-11-27T03:31:25.0217886Z"-},-{-"homeId":-"0000",-"userId":-"2049cfe5-1421-4078-82a3-cb22cc960f6a",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"TaskAction.EditTaskAction",-"details":-"{\"TaskActionId\":\"7fa7554f-911a-40ab-9f8b-287311429323\",\"StaffId\":\"fe9c0c87-be3c-4610-b117-d176ec034bd5\",\"RoleId\":null,\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"Subject\":\"Task-2\",\"Summary\":\"Task-2\",\"Description\":\"Task-2\",\"StatusId\":\"7650746c-ba0e-4845-8baa-9df950ed6296\",\"PriorityId\":\"51f84aa2-00e4-4d27-bfa7-575d4156ea0a\",\"Severity\":2,\"DateTimeFrom\":\"2024-10-23T09:49:05.947Z\",\"DateTimeTo\":\"2024-10-23T09:49:05.947Z\",\"RelatedToId\":\"aca309be-e2a9-41d9-bd77-9a9ac223e65e\",\"RelatedToTypeId\":\"85412121-0d75-42c8-8d87-03dda39fcc83\",\"CarePlanId\":null,\"TaskSkills\":[],\"SubTasks\":[]}",-"dateLogged":-"2024-11-26T14:46:57.7103144Z"-},-{-"homeId":-"0000",-"userId":-"2049cfe5-1421-4078-82a3-cb22cc960f6a",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"TaskAction.EditTaskAction",-"details":-"{\"TaskActionId\":\"7fa7554f-911a-40ab-9f8b-287311429323\",\"StaffId\":\"fe9c0c87-be3c-4610-b117-d176ec034bd5\",\"RoleId\":null,\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"Subject\":\"Task-2\",\"Summary\":\"Task-2\",\"Description\":\"Task-2\",\"StatusId\":\"34a4abeb-c9c5-4532-a7f1-6275affceb90\",\"PriorityId\":\"51f84aa2-00e4-4d27-bfa7-575d4156ea0a\",\"Severity\":2,\"DateTimeFrom\":\"2024-10-23T09:49:05.947Z\",\"DateTimeTo\":\"2024-10-23T09:49:05.947Z\",\"RelatedToId\":\"aca309be-e2a9-41d9-bd77-9a9ac223e65e\",\"RelatedToTypeId\":\"85412121-0d75-42c8-8d87-03dda39fcc83\",\"CarePlanId\":null,\"TaskSkills\":[],\"SubTasks\":[]}",-"dateLogged":-"2024-11-26T14:45:57.6926783Z"-},-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"FormData.AddFormData",-"details":-"{\"FormId\":\"f122f01a-7bbf-411c-b4c8-3424fbe7f2b5\",\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"CareRecordId\":\"44a8dc62-c5f9-4dc1-965e-b3210f62a40a\",\"Data\":\"{\\u0022form_completedDate\\u0022:\\u00222024-11-26T04:07:30.324Z\\u0022,\\u0022form_peopleOthersDetails\\u0022:\\u0022\\u0022,\\u0022form_peopleWitnessesDetails\\u0022:\\u0022\\u0022,\\u0022form_accidentPriorActivity\\u0022:\\u0022\\u0022,\\u0022form_accidentDescription\\u0022:\\u0022\\u0022,\\u0022form_accidentWitnessAccount\\u0022:\\u0022\\u0022,\\u0022form_fall\\u0022:null,\\u0022form_accidentExpectedByServiceUser\\u0022:null,\\u0022form_callBellInReach\\u0022:null,\\u0022form_serviceUserInBed\\u0022:null,\\u0022form_footwearGoodCondition\\u0022:null,\\u0022form_otherEquipmentInUse\\u0022:null,\\u0022form_areaClutterFree\\u0022:null,\\u0022form_useEyeWear\\u0022:null,\\u0022form_injuriesSustained\\u0022:null,\\u0022form_vitalSignsTaken\\u0022:null,\\u0022form_firstAidGiven\\u0022:null,\\u0022form_reassuranceGiven\\u0022:null,\\u0022form_hospitalAttendanceRequired\\u0022:null,\\u0022form_monitoringRegularly\\u0022:null,\\u0022form_999Contacted\\u0022:null,\\u0022form_111Contacted\\u0022:null,\\u0022form_gpContacted\\u0022:null,\\u0022form_policeContacted\\u0022:null,\\u0022form_managementNotified\\u0022:null,\\u0022form_relativesInformed\\u0022:null,\\u0022form_inspectorateNotified\\u0022:null,\\u0022form_safeguardingReferralMade\\u0022:null,\\u0022form_risksAndCarePlansUpdated\\u0022:null,\\u0022form_accidentPreventable\\u0022:null,\\u0022form_staffFollowedCorrectProcedures\\u0022:null,\\u0022form_riddorSubmitted\\u0022:null,\\u0022form_otherActionsTaken\\u0022:\\u0022\\u0022}\"}",-"dateLogged":-"2024-11-26T04:07:38.4547238Z"-},-{-"homeId":-"0000",-"userId":-"e2d8b9bf-2050-45fe-a58d-b00b6e5334ed",-"userName":-"",-"organisationName":-"",-"serviceUserId":-"ba8a48b6-30a8-4304-aec4-3af8d54b4af8",-"serviceUserName":-"",-"nhsNumber":-"",-"action":-"CareRecord.AddCareRecord",-"details":-"{\"Name\":\"_\",\"ServiceUserId\":\"ba8a48b6-30a8-4304-aec4-3af8d54b4af8\",\"Notes\":\"\",\"EmotionMap\":6,\"EngagementLevel\":null,\"CareRecordTypeId\":\"875949ec-0883-470b-ab86-134b91c12a14\",\"CareCategoryId\":null,\"ActivityIds\":[],\"OtherActivity\":null,\"CareStartedOffset\":\"2024-11-26T04:07:00+00:00\",\"CareDurationMins\":null,\"GroupEvent\":null}",-"dateLogged":-"2024-11-26T04:07:37.4365359Z"-}-]