renamed to paged pagination

frontend/src/Components/Pagination/DrfPagination.stories.tsx

@@ -1,10 +1,10 @@
 import type { ComponentMeta, ComponentStory } from '@storybook/react';
 import { useState } from 'react';
-import { DrfPagination } from './DrfPagination';
+import { PagedPagination } from './DrfPagination';
 
 export default {
   title: 'Components/DRFPagination',
-  component: DrfPagination,
+  component: PagedPagination,
   argTypes: {
     currentPage: {
       control: 'number',
@@ -44,15 +44,15 @@ export default {
       },
     },
   },
-} as ComponentMeta<typeof DrfPagination>;
+} as ComponentMeta<typeof PagedPagination>;
 
 // Template with state management
-const Template: ComponentStory<typeof DrfPagination> = (args) => {
+const Template: ComponentStory<typeof PagedPagination> = (args) => {
   const [currentPage, setCurrentPage] = useState(args.currentPage);
 
   return (
     <div>
-      <DrfPagination {...args} currentPage={currentPage} onPageChange={setCurrentPage} />
+      <PagedPagination {...args} currentPage={currentPage} onPageChange={setCurrentPage} />
       <p>Current page: {currentPage}</p>
     </div>
   );

frontend/src/Components/Pagination/DrfPagination.tsx

@@ -27,7 +27,7 @@ const showStartEllipsis = (current: number, boundaryCount: number, siblingCount:
 const showEndEllipsis = (current: number, total: number, boundaryCount: number, siblingCount: number): boolean =>
   boundaryCount > 0 && siblingCount > 0 && current < total - boundaryCount - siblingCount;
 
-export function DrfPagination({
+export function PagedPagination({
   currentPage,
   totalItems,
   pageSize,

frontend/src/Components/Pagination/index.ts

@@ -1 +1 @@
-export { DrfPagination } from './DrfPagination';
+export { PagedPagination as DrfPagination } from './DrfPagination';