fix(BasePagination): fix pagination list item vertical alignment (8639) (#8640)

* fix(BasePagination): fix pagination list item vertical alignment (8639)

Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>

* fix(PaginationListItem): remove !important and key=(pageNumber)

Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>

---------

Signed-off-by: Mert Şişmanoğlu <mertssmnoglu@gmail.com>

Author: mertssmnoglu

packages/ui-components/src/Common/BasePagination/PaginationListItem/index.module.css

@@ -1,5 +1,9 @@
 @reference "../../../styles/index.css";
 
+.listItemWrapper {
+  @apply mt-0;
+}
+
 .listItem,
 .listItem:link,
 .listItem:active {

packages/ui-components/src/Common/BasePagination/PaginationListItem/index.tsx

@@ -22,7 +22,11 @@ const PaginationListItem: FC<PaginationListItemProps> = ({
   label,
 }) => {
   return (
-    <li key={pageNumber} aria-setsize={totalPages} aria-posinset={pageNumber}>
+    <li
+      aria-setsize={totalPages}
+      aria-posinset={pageNumber}
+      className={styles.listItemWrapper}
+    >
       <Component
         href={url}
         aria-label={label}