fix: pagination arrows bounce from left to right

[svienot]

Description:

• Move left and right arrows to the right of pagination controls
• Reduce # of pages displayed to reduce clutter

Related issue(s):

Fixes #979 #1123

Notes for reviewer:

• Before

  

• After

  

[github-actions[bot]]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	83.95%	41438 / 49360
🔵	Statements	83.95%	41438 / 49360
🔵	Functions	63.29%	926 / 1463
🔵	Branches	84.07%	4371 / 5199

File Coverage

File	Stmts	% Branch	% Funcs	% Lines	Uncovered Lines
Changed Files
src/components/account/AccountCreatedContractsTable.vue	84.21%	100%	0%	84.21%	102-122
src/components/account/AccountTable.vue	94.96%	57.14%	33.33%	94.96%	62-63, 71-72, 131-134
src/components/account/BalanceTable.vue	97.03%	100%	50%	97.03%	107-110
src/components/account/CollectionTable.vue	78.28%	100%	0%	78.28%	109-141
src/components/account/NftsTable.vue	96.72%	80%	50%	96.72%	99-102
src/components/account/VerifiedContractsTable.vue	83.07%	100%	0%	83.07%	98-119
src/components/allowances/HbarAllowanceTable.vue	99.28%	60%	50%	99.28%	1
src/components/allowances/TokenAllowanceTable.vue	96.38%	57.14%	50%	96.38%	1, 126, 133-136
src/components/block/BlockTable.vue	97.46%	100%	33.33%	97.46%	128-131
src/components/block/BlockTransactionTable.vue	98.61%	80%	25%	98.61%	114-115
src/components/contract/ContractActionsTable.vue	98.93%	58.33%	60%	98.93%	162-163
src/components/contract/ContractResultTable.vue	98.64%	100%	50%	98.64%	114-115
src/components/contract/ContractTable.vue	97.29%	100%	33.33%	97.29%	122-125
src/components/contract/ContractTransactionTable.vue	0%	0%	0%	0%	1-152
src/components/dashboard/ContractCallTransactionTable.vue	98.44%	100%	33.33%	98.44%	103-104
src/components/dashboard/CryptoTransactionTable.vue	98.43%	100%	33.33%	98.43%	102-103
src/components/dashboard/MessageTransactionTable.vue	98.47%	100%	33.33%	98.47%	105-106
src/components/staking/StakingRewardsTable.vue	96.4%	80%	33.33%	96.4%	1, 104-107
src/components/token/NftHolderTable.vue	91.51%	100%	33.33%	91.51%	128-141
src/components/token/TokenBalanceTable.vue	96.85%	100%	33.33%	96.85%	98-101
src/components/token/TokenTable.vue	97.08%	100%	33.33%	97.08%	109-112
src/components/topic/TopicMessageTable.vue	96.37%	80%	33.33%	96.37%	106-110
src/components/topic/TopicTable.vue	96.92%	100%	33.33%	96.92%	101-104
src/components/transaction/NftTransactionTable.vue	93.9%	75%	33.33%	93.9%	1, 133-140, 144
src/components/transaction/TransactionByIdTable.vue	98.91%	90.9%	40%	98.91%	122-123
src/components/transaction/TransactionTable.vue	98.13%	88.88%	33.33%	98.13%	80, 133-134

Generated in workflow #1056

[sonarcloud[bot]]

Quality Gate passed

Issues
11 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud