feat: Implement new Profile page design

[eduramme]

Feature Request: Implement New Profile Page Design

Overview

We need to implement a new profile page design similar to the example provided. This design will enhance the display of user information and make records more easily accessible and visually appealing.

Reference Image:

The design reference is attached below, showcasing the desired layout and elements for the profile page.

Tasks:

• [x] Implement the user info section with avatar, domain, and description.
• [x] Add the records section with icons and links for contact details.
• [x] Include the Ethereum addresses section.

Acceptance Criteria:

• The new profile page design matches the reference image in terms of layout and functionality.
• All records and addresses are displayed accurately.

Notes:

• Ensure that all text and images are appropriately aligned and spaced.
• Use the appropriate color scheme and typography based on the design guidelines.

[eduramme]

The new design wasn't implemented exactly as it appears in Figma because of some inconsistencies.

[pikonha]

the new records tab is amazing 🔥 way better to visualize things

however, was the profile tab changed as well? not really sure we need this tbh

also, I think the resolver shouldn't be placed among the records since it isn't a record. maybe a More tab as the ENS dapp.

[eduramme]

@pikonha I've created another tab for the resolver

[pikonha]

looks better imho 👍🏼 approved