Fix: Overlapping timeframe keys

[mmioana]

Description

• This PR addresses the bug related to overlapping timeframe keys.
• Given for the moment we query data only for the last 4 months (which is less than the actual number of months in a year), the issue was not immediately visible.

Testing

TODO: Let's test the retrieved data contains the full date keys and the changes didn't impact the Total in and out chart

• Step 1. First make sure you have started your dev env and have data in your colony
• Step 2. Visit http://localhost:9091/planex and make sure the chart has data to display for the current month

• Step 3. Now let us run some queries
• Step 4. Go to http://localhost:20002/ and run the following query

query MyQuery {
  getDomainBalance(
    input: {
      colonyAddress: "<COLONY_ADDRESS_HERE>", 
      timeframePeriod: 4, 
      timeframeType: WEEKLY
    }
  ) {
    timeframe {
      key
      value {
        total
        totalIn
        totalOut
      }
    }
  }
}

• Step 5. Now please use different timeframePeriod and timeframeType values (ideally timeframePeriod > 12 if you use Monthly timeframeType or timeframePeriod > 31 for Daily)

Important

With the latest changes to fetch data directly from the network for the Total timeframeType, the timeframe array should be empty

Diffs

New stuff ✨

• getFullPeriodFormat to retrieve the whole needed date for a timeframe entry
• parseTimeframeKey to parse the timeframe key before using it for the chart data

Contributes to #3555

[rdig]

Queries seem to be running correctly and time intervals seem to not be overlapping anymore

The base branch was changed.

[bassgeta]

Nice solution 💪
After starting the environment, we got some payments

Weekly data:

Daily:

Monthly:

Large timeframes also work (can't really screenshot the longboi 😅 ), so nice one 🚢

[iamsamgibbs]

Nice job! This is working great, exactly as the testing steps describe: