[PdrDashboard] v0.4: Feeds page

[KatunaNorbert]

Target

Add a new page dedicated to feeds, where users can leverage a big table containing all the existing feeds with multiple metrics and properties.

Super epic issue can be found here

TODO

• Add navigation and transform dapp into multipage application #1474 - Norbert
  • Add Home and Feeds navigations
  • Replace current dashboard title with navigation
  • When clicking on home redirect to current predictoor dashboard, on Feeds show the new Feeds page
• [Pdr Dashboard] v0.4 - Display main metrics section #1485
  • Under the menu display a row containing main metrics over all feeds, such as: Volume, Feeds, Sales, Revenue, Accuracy(avg)
• Create a table that contains all the columns from the mockup provided bellow #1478 - Mustafa
• Create a filters section that contains multiple components for different columns and allow table filtering #1484 - Norbert
  • The components should be compressed and the dropdown list should open when component is clicked
  • Add a Reset All button then clears all the filter values
• Add search bar that allow search based on: Add, Base Token, Quote token, Exchange #1520 - Norbert
• Expandable rows #1506 - Calina / Norbert
  • when clicking on a specific row, the address should be saved and a component should open
  • when clicking again the component should close
• Create and display data inside expanded row #1506 - Norbert
  • display following charts: Volume, Sales, Accuracy, Predictions, Stakes over time
• Dash_duo / selenium tests for the new page
• [PdrDashboard] v0.4 Split up utils.py #1491 split up utils.py
• create a yaml file for tooltip texts
• Create and implement NumberFormatter #1501 - Mustafa
• Find and add the websocket buyer address to the DF buyers, only for this module #1508 - Mustafa
• Fix the table title and do nor remove the "Avg" phrase #1501 - Mustafa
• Fix the legend on the home page and remove the exchange name from the legend items #1515 - Mustafa

UI sketch for v0.4:

• inspiration from DefiLlama