Replace fake data on ResearchBudgetVsSpending component

[fpigeonjr]

Goals

• Replace the hardcoded data in the ResearchBudgetVsSpending component with real data from the API
• Ensure the component accurately reflects the current fiscal year's budget and spending for research projects

Tasks

• [ ] Identify the API endpoint for fetching research funding data
• [ ] Update the useEffect hook to fetch real data instead of using hardcoded values
• [ ] Modify the data array to use the fetched values
• [ ] Update the totalFunding calculation to use the real data
• [ ] Ensure the component handles loading and error states appropriately
• [ ] Update unit tests to mock the API call and test with real-like data
• [ ] Verify that the component renders correctly with the new data source

Additional Context

• The current implementation uses hardcoded values in the data array
• The component is located in the ResearchBudgetVsSpending.jsx file
• We need to ensure that the component remains performant when fetching real data

[fpigeonjr]

may be related to #727