fix: page does not refresh or get wrong page when turn page

[Erzbir]

What type of PR is this?

/kind bug
/area console

What this PR does / why we need it:

在预览附件时点击 "下一个" 或者 "上一个", 如果这时翻页, 预览页面可能不会刷新, 也可能刷新到其他非预料中的页面

Which issue(s) this PR fixes:

Fixes #4330

Special notes for your reviewer:

1. 准备附件测试翻页
2. 在第一页的最后一个附件预览中点击 "next", 观察是否正常
3. 在第二页的第一个附件预览中点击 "pre", 观察是否正常

Does this PR introduce a user-facing change?

预览附件点击 "下一个" 或者 "上一个" 翻页后, 预览页面不正常刷新

[codecov]

Codecov Report

Merging #4331 (3564f37) into main (8e0538e) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##               main    #4331   +/-   ##
=========================================
  Coverage     60.97%   60.97%           
  Complexity     2492     2492           
=========================================
  Files           368      368           
  Lines         12911    12911           
  Branches        924      924           
=========================================
  Hits           7873     7873           
  Misses         4585     4585           
  Partials        453      453           

[ruibaby]

/lgtm

Nice Work!

[guqing]

/lgtm

[JohnNiang]

It works very well.

Thanks for your contribution!

/approve

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: JohnNiang, ruibaby

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• console/OWNERS [JohnNiang,ruibaby]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment