Replace local pagination component with one from shared library

Replace `PaginationNavigation` with `Pagination` component from
@hypothesis/frontend-shared. This has an identical look and props, since this
component was copied from `PaginationNavigation` originally.

src/sidebar/components/PaginatedThreadList.tsx

@@ -1,8 +1,8 @@
+import { Pagination } from '@hypothesis/frontend-shared';
 import { useMemo } from 'preact/hooks';
 
 import type { Thread } from '../helpers/build-thread';
 import { countVisible } from '../helpers/thread';
-import PaginationNavigation from './PaginationNavigation';
 import ThreadList from './ThreadList';
 
 export type PaginatedThreadListProps = {
@@ -19,7 +19,7 @@ export type PaginatedThreadListProps = {
  *
  * Render the threads for the current page of results, and pagination controls.
  */
-function PaginatedThreadList({
+export default function PaginatedThreadList({
   currentPage,
   isLoading,
   onChangePage,
@@ -41,7 +41,7 @@ function PaginatedThreadList({
     <>
       <ThreadList threads={paginatedThreads} />
       {!isLoading && (
-        <PaginationNavigation
+        <Pagination
           currentPage={currentPage}
           onChangePage={onChangePage}
           totalPages={totalPages}
@@ -50,5 +50,3 @@ function PaginatedThreadList({
     </>
   );
 }
-
-export default PaginatedThreadList;

src/sidebar/components/test/PaginatedThreadList-test.js

@@ -107,7 +107,7 @@ describe('PaginatedThreadList', () => {
       const wrapper = createComponent(componentProps);
 
       assert.equal(
-        wrapper.find('PaginationNavigation').props().totalPages,
+        wrapper.find('Pagination').props().totalPages,
         testCase.pageCount,
       );
     });
@@ -121,7 +121,7 @@ describe('PaginatedThreadList', () => {
       });
 
       assert.equal(
-        wrapper.find('PaginationNavigation').props().currentPage,
+        wrapper.find('Pagination').props().currentPage,
         testCase.currentPage,
       );
     });