feat: add pagination item component to sistent

Signed-off-by: Amit Amrutiya <[email protected]>

Author: amitamrutiya

src/base/Pagination/Pagination.tsx

@@ -1,8 +1,13 @@
-import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';
+import {
+  Pagination as MuiPagination,
+  PaginationItem as MuiPaginationItem,
+  PaginationProps as MuiPaginationProps
+} from '@mui/material';
 import React from 'react';
 
 const Pagination = React.forwardRef<HTMLDivElement, MuiPaginationProps>((props, ref) => {
   return <MuiPagination {...props} ref={ref} />;
 });
 
+export { MuiPaginationItem as PaginationItem };
 export default Pagination;

src/base/Pagination/index.tsx

@@ -1,5 +1,5 @@
 import { PaginationProps } from '@mui/material';
-import Pagination from './Pagination';
+import Pagination, { PaginationItem } from './Pagination';
 
-export { Pagination };
+export { Pagination, PaginationItem };
 export type { PaginationProps };

src/theme/palette.ts

@@ -350,7 +350,7 @@ export const darkModePalette: PaletteOptions = {
       tertiary: Colors.blue[10]
     },
     success: {
-      default: Colors.green[40],
+      default: Colors.KEPPEL,
       hover: Colors.green[50],
       pressed: Colors.green[60],
       secondary: Colors.green[20],