error boundary and table pagination

src/hoc/ErrorBoundary.jsx

@@ -1,4 +1,5 @@
 import React, { Component } from "react";
+
 import { Fallback } from "./Fallback";
 
 class ErrorBoundary extends Component {

src/hoc/Fallback.jsx

@@ -1,17 +1,16 @@
 import React from "react";
-import logo from "assets/images/logo/ITguild.svg";
 
 import rightArrow from "assets/icons/arrows/arrowRight.svg";
+import logo from "assets/images/logo/ITguild.svg";
 
-import './fallback.scss'
+import "./fallback.scss";
 
 export const Fallback = () => {
-
   return (
     <div className="fallback">
       <img src={logo} alt="logo" className="logo" />
       <h1>Произошла непредвиденная ошибка</h1>
-      <a href='/profile'>
+      <a href="/profile">
         Вернуться назад
         <img src={rightArrow} alt="arrow" />
       </a>

src/index.js

@@ -1,9 +1,9 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import { Provider } from "react-redux";
-import ErrorBoundary from "./hoc/ErrorBoundary";
 
 import App from "./App";
+import ErrorBoundary from "./hoc/ErrorBoundary";
 import "./index.css";
 import { store } from "./store/store";
 

src/pages/PartnerСategories/PartnerСategories.jsx

@@ -1,5 +1,6 @@
 import { getTheme } from "@table-library/react-table-library/baseline";
 import { CompactTable } from "@table-library/react-table-library/compact";
+import { usePagination } from "@table-library/react-table-library/pagination";
 import { useSort } from "@table-library/react-table-library/sort";
 import { useTheme } from "@table-library/react-table-library/theme";
 import React, { useEffect, useState } from "react";
@@ -14,7 +15,6 @@ import { Loader } from "@components/Common/Loader/Loader";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
-import { usePagination } from "@table-library/react-table-library/pagination";
 
 import rightArrow from "assets/icons/arrows/arrowRight.svg";
 
@@ -105,7 +105,7 @@ export const PartnerCategories = () => {
   const pagination = usePagination(data, {
     state: {
       page: 0,
-      size: 5,
+      size: 5
     }
   });
 
@@ -270,7 +270,9 @@ export const PartnerCategories = () => {
                   pagination={pagination}
                 />
                 <div className="table__pagination">
-                  <span>Total Pages: {pagination.state.getTotalPages(data.nodes)}</span>
+                  <span>
+                    Total Pages: {pagination.state.getTotalPages(data.nodes)}
+                  </span>
 
                   <span className="table__pages">
                     Page:{" "}
@@ -279,7 +281,8 @@ export const PartnerCategories = () => {
                         key={index}
                         type="button"
                         style={{
-                          fontWeight: pagination.state.page === index ? "bold" : "normal",
+                          fontWeight:
+                            pagination.state.page === index ? "bold" : "normal"
                         }}
                         onClick={() => pagination.fns.onSetPage(index)}
                       >