Get rid of this.disposers while registering stuff in extensions (#1148)

Signed-off-by: Roman <ixrock@gmail.com>

extensions/example-extension/renderer.tsx

@@ -1,26 +1,16 @@
-import { LensRendererExtension, Registry } from "@k8slens/extensions";
-import { ExamplePage, ExampleIcon } from "./page"
+import { LensRendererExtension } from "@k8slens/extensions";
+import { ExampleIcon, ExamplePage } from "./page"
 import React from "react"
 
 export default class ExampleExtension extends LensRendererExtension {
-  onActivate() {
-    console.log('EXAMPLE EXTENSION RENDERER: ACTIVATED', this.getMeta());
-  }
-
-  registerClusterPage(registry: Registry.ClusterPageRegistry) {
-    this.disposers.push(
-      registry.add({
-        path: "/extension-example",
-        title: "Example Extension",
-        components: {
-          Page: () => <ExamplePage extension={this} />,
-          MenuIcon: ExampleIcon,
-        }
-      })
-    )
-  }
-
-  onDeactivate() {
-    console.log('EXAMPLE EXTENSION RENDERER: DEACTIVATED', this.getMeta());
-  }
+  clusterPages = [
+    {
+      path: "/extension-example",
+      title: "Example Extension",
+      components: {
+        Page: () => <ExamplePage extension={this}/>,
+        MenuIcon: ExampleIcon,
+      }
+    }
+  ]
 }