update the call to mainpanel plugin. change label for mainpaneltab

apps/remix-ide/src/app/plugins/vyper-compilation-details.tsx

@@ -46,6 +46,8 @@ export class VyperCompilationDetailsPlugin extends ViewPlugin {
 
   async showDetails(sentPayload: any) {
     console.log({ sentPayload })
+    const contractName = Object.entries(sentPayload).find(([key, value]) =>  key )
+    this.profile.displayName = `${contractName}`
     await this.call('tabs', 'focus', 'vyperCompilationDetails')
     this.payload = sentPayload
     this.renderComponent()

apps/vyper/src/app/components/VyperResult.tsx

@@ -59,7 +59,7 @@ function VyperResult({ output, plugin }: VyperResultProps) {
       <div className="border border-top"></div>
       <div className="d-flex justify-content-center px-2 w-100">
         <button className="btn btn-secondary w-100" onClick={async () => {
-          await plugin?.call('vyperCompilationDetails', 'showDetails', {})
+          await plugin?.call('vyperCompilationDetails', 'showDetails', output)
         }}>
           <span>Compilation Details</span>
         </button>