fixed issue in trend graph and pie chart

[vivekshankar1]

🔩 Description: What code changed, and why?

• Clicking on a date in trend graph is not loading data for that date.
• Clicking on the pie chart does not open the reports page

Issue was caused due to the recent changes in d3 version from 5.16.0 to 6.3.1
According to the migration guide click here

// any pattern like this
selection.on("click", function(d, i, e) {
    console.log(d, i, e);
  })
// should be replaced by:
selection.on("click", function(event, d) {
  const e = selection.nodes();
  const i = e.indexOf(this);
  console.log(d, i, e);
})

I have made the changes in overview-failure component and overview-trend component.
Could not find any other places this pattern was not followed.

⛓️ Related Resources

#4515

👍 Definition of Done

• open the compliance tab
• clicking on a date in the trend chart should load data for that date
• clicking on the piechart should open the reports page

👟 How to Build and Test the Change

inside habitat studio:

• start_all_services
• load data using load_compliance_reports

In the browser

• open a2-dev.test
• clicking on a date in the trend chart should load data for that date
• clicking on the piechart should open the reports page

✅ Checklist

• I have read the CONTRIBUTING document.
• Tests added/updated?
• Docs added/updated?
• All commits have been signed-off for the Developer Certification of Origin.

📷 Screenshots, if applicable

[netlify]

👷 Deploy preview for chef-automate processing.

🔨 Explore the source changes: e85bc56

🔍 Inspect the deploy logs: https://app.netlify.com/sites/chef-automate/deploys/5ff87f2917d6a30007f23205

[tarablack01]

Great job 🎉