fix(Paging): disable forward button when current page is last (#3273)

packages/react-ui/components/Paging/Paging.styles.ts

@@ -103,6 +103,7 @@ export const styles = memoizeStyle({
   pageLinkDisabled(t: Theme) {
     return css`
       color: ${t.linkDisabledColor};
+      pointer-events: none;
     `;
   },
 

packages/react-ui/components/Paging/Paging.tsx

@@ -220,7 +220,7 @@ export class Paging extends React.PureComponent<PagingProps, PagingState> {
           styles.pageLink(this.theme),
           styles.forwardLink(this.theme),
           focused && styles.pageLinkFocused(this.theme),
-          disabled || (this.props.disabled && styles.pageLinkDisabled(this.theme)),
+          (disabled || this.props.disabled) && styles.pageLinkDisabled(this.theme),
         )
       : cx({
           [styles.forwardLink(this.theme)]: true,

packages/react-ui/components/Paging/__stories__/Paging.stories.tsx

@@ -269,7 +269,16 @@ export const DisabledPaging = () => {
 };
 DisabledPaging.parameters = {
   creevey: {
-    skip: { in: /^(?!\b(chrome|chromeDark)\b)/ },
+    skip: { in: /^(?!\b(chrome|chromeDark|chrome2022|chrome2022Dark)\b)/ },
+  },
+};
+
+export const PagingDisabledForwardLink = () => {
+  return <Paging onPageChange={emptyHandler} activePage={8} pagesCount={8} />;
+};
+PagingDisabledForwardLink.parameters = {
+  creevey: {
+    skip: { in: /^(?!\b(chrome|chromeDark|chrome2022|chrome2022Dark)\b)/ },
   },
 };