fix(deps): update dependency react-paginate to v8 (#851)

* fix(deps): update dependency react-paginate to v8

* chore: adjust test

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Krzysztof Sakwerda <ksakwerda@gmail.com>

package.json

@@ -36,7 +36,7 @@
     "glob": "^7.1.6",
     "lodash.debounce": "^4.0.8",
     "react-calendar": "^3.3.1",
-    "react-paginate": "^7.1.5",
+    "react-paginate": "^8.0.0",
     "react-range": "^1.8.11",
     "react-tooltip-lite": "npm:@carforyou/react-tooltip-lite@1.12.1",
     "use-deep-compare-effect": "^1.4.0"

src/components/__tests__/pagination.test.tsx

@@ -47,8 +47,8 @@ describe("<Pagination>", () => {
         pageLinkBuilder={() => linkBuilder(1, { lng: "de" })}
       />
     )
-    fireEvent.click(screen.getByRole("button", { name: "Page 2" }))
-    expect(screen.getByRole("button", { name: "Page 2 is your current page" }))
+    fireEvent.click(screen.getByRole("link", { name: "Page 2" }))
+    expect(screen.getByRole("link", { name: "Page 2 is your current page" }))
   })
 
   it("does not mark inactive page as active", async () => {
@@ -66,7 +66,7 @@ describe("<Pagination>", () => {
     )
     fireEvent.click(screen.getByText("2"))
     expect(
-      screen.queryByRole("button", { name: "Page 3 is your current page" })
+      screen.queryByRole("link", { name: "Page 3 is your current page" })
     ).not.toBeInTheDocument()
   })
 })