Group Principal page sections into tabs

[FloorLamp]

Similar to Etherscan's contract page, we should have a tab menu to display each of these components, as we will likely continue to add more components to this page.

[tarek-eg]

If I understood correctly we need to add a sub tab menu to the principal page to be the same as for example Canisters
=> Canisters | Modules | Interfaces

[tarek-eg]

@FloorLamp ☝️

[FloorLamp]

Yep, right below the principal details. How about these labels?

• Genesis Accounts (if principalData?.genesisAccount?.id)
• Canister Interface (if type === "Canister")
• Controlled Canisters (if principalData?.canisterCount > 0)
• Network (if showNodes)
• CAP Transactions (if is a CAP canister)

[tarek-eg]

Yes that looks fine to me