WebApp- Add portfolio for earning position

[Sokol142196]

Describe the task

• [x] Add portfolio for earning position
• [x] Update UI for filter

Design: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=10420-232642&t=BLyojTk7ELWrdfrb-4

• Responsive: https://www.figma.com/design/aEnkI859zkZaIpyzPidYwh/SubWallet-Apps?node-id=12162-375119&t=4dOUwPtnDgP0FZNw-4

[ThaoNguyen998]

Version test:

• [x] Show incorrect active stake in case account has unstake all

  

• [x] Error font size

  

• [x] Re-check style tag, re-check the distance between the boxes Refer to the dApp section

  

• [x] Update content follow by design

[ThaoNguyen998]

Version test: https://78425316.subwallet-webapp.pages.dev/home/earning

• UI bug responsive

  

• UI bug

  

[ThaoNguyen998]

Version test: https://e1b00515.subwallet-webapp.pages.dev/home/earning

• [x] Re-check data Actual: Total active stake > Total value stake

  

  Expect: Total value stake = Total active stake + Total unstake

• [ ] Update UI

  

• [x] Update color tab when hover

  

• [ ] Re-add filter on search box (because the small screen do not show all tag)