Update Rollups DApp details page (Dark Mode)

[brunomenezes]

📄 Context

Here are the rollups DApp detail page checkboxes for changes in colour, skin tones and fonts in Dark mode to comply with the new Cartesi brand. The application's structure did not change, only the look and feel.

PS: Refer to the parent of this issue for references. PS²: Don't worry about the header and footer, because that is addressed in a separate issue #62

📈 Subtasks

Overall

• [ ] Make sure the fonts are applied correctly based on the Figma description. i.e. Where to use each font and what size and weight to be applied.
• [ ] Make sure the components are round, like the design. We're transitioning from a squared-based design to a round one.

  Page sessions

• [ ] For the page header area:
  • [ ] Apply the new colours and font changes for the backlink.
  • [ ] Check if it is necessary to apply the new colours for the address information.
• [ ] Check if the new colours and font rules changes must be applied to the graphQL address bar.
• [ ] Apply the new colour changes to the Summary space. i.e. DApp cards inputs/notices/reports/vouchers
• [ ] Apply the new colour changes to the Input Search.
• [ ] Apply the new support system colours to the feedback UI, e.g. info/warn/error messages and alerts.
• [ ] Apply colour changes to the Input content space.
  • [ ] Update the look and feel of the card title
  • [ ] Update the look and feel of the navigation buttons, i.e. prev & next.
  • [ ] Update the look and feel of the textarea content.
• [ ] Add here any extra tasks you see fit [Optional]

🎯 Definition of Done

• [ ] The DApp detail page matches the design look and feel.

[brunomenezes]

PS: At some point, most of the components will already have their visuals upgraded. Still, the checkboxes are essential to make sure everything is as expected. The ones that are not, we act on it. 😄