feat(issue #1010 and #1008):Implemented left and right arrow adjustments of timebox and date filters

[Vayras]

With This PR Changes:
-Left And Right arrow works correctly and helps you navigate the selected date range from date filters
-Date filters enables you to select a date range
-Test files have been updated
-pagination working correctly and only showing if there are more entries

video size is too big , shared on gdrive
https://drive.google.com/drive/folders/1U36os1AU8tAC0TvnvS0BYt-tipV0NFbM?usp=sharing

Tested on chrome , addresses #1010 #1008

[kevkevinpal]

looks like two tests are failing

Summary of all failing tests
FAIL src/pages/superadmin/header/SuperAdminHeader.spec.tsx (13.752 s)
  ● Header Component › display header with extras

    expect(received).toBeInTheDocument()

    received value must be an HTMLElement or an SVGElement.
    Received has value: null

      37 |     );
      38 |
    > 39 |     expect(screen.queryByText(hardCodedDateRange)).toBeInTheDocument();
         |                                                    ^
      40 |     expect(screen.queryByText(exportCSVText)).toBeInTheDocument();
      41 |     expect(screen.queryByText(initDateRange)).toBeInTheDocument();
      42 |

      at __EXTERNAL_MATCHER_TRAP__ (node_modules/expect/build/index.js:386:30)
      at Object.throwingMatcher [as toBeInTheDocument] (node_modules/expect/build/index.js:387:15)
      at Object.<anonymous> (src/pages/superadmin/header/SuperAdminHeader.spec.tsx:39:52)

FAIL src/pages/superadmin/statistics/Statistics.spec.tsx
  ● Statistics Component › display about view with extras

    expect(received).toBeInTheDocument()

    received value must be an HTMLElement or an SVGElement.
    Received has value: null

      56 |     }
      57 |     for (let i = 0; i < hardcodedWords.length; i++) {
    > 58 |       expect(screen.queryByText(hardcodedWords[i])).toBeInTheDocument();
         |                                                     ^
      59 |     }
      60 |   });
      61 | });

      at __EXTERNAL_MATCHER_TRAP__ (node_modules/expect/build/index.js:386:30)
      at Object.throwingMatcher [as toBeInTheDocument] (node_modules/expect/build/index.js:387:15)
      at Object.<anonymous> (src/pages/superadmin/statistics/Statistics.spec.tsx:58:53)


Test Suites: 2 failed, 21 passed, 23 total
Tests:       2 failed, 71 passed, 73 total
Snapshots:   0 total
Time:        129.888 s
Ran all test suites.

[kevkevinpal]

I just gave this a light code review but it is looking good so far, you need to fix the tests but after we get those working I can do a manual test

[Vayras]

FAIL src/pages/superadmin/statistics/Statistics.spec.tsx
● Statistics Component › display about view with extras

expect(received).toBeInTheDocument()

received value must be an HTMLElement or an SVGElement.
Received has value: null

  56 |     }
  57 |     for (let i = 0; i < hardcodedWords.length; i++) {
> 58 |       expect(screen.queryByText(hardcodedWords[i])).toBeInTheDocument();
     |                                                     ^
  59 |     }
  60 |   });
  61 | });

  at __EXTERNAL_MATCHER_TRAP__ (node_modules/expect/build/index.js:386:30)
  at Object.throwingMatcher [as toBeInTheDocument] (node_modules/expect/build/index.js:387:15)
  at Object.<anonymous> (src/pages/superadmin/statistics/Statistics.spec.tsx:58:53)

@kevkevinpal I have made some changes to the test files let's see if they pass also addressed the comments

[Vayras]

@kevkevinpal made the changes and updated the statistics test file

[ecurrencyhodler]

Tested on staging and it works. REALLY nice job @Vayras . Paying you out now.