Fix documentation around components examples (#4375)

docs/extensions/capabilities/common-capabilities.md

@@ -207,7 +207,7 @@ export default class ExampleExtension extends Renderer.LensExtension {
   topBarItems = [
     {
       components: {
-        Item: (
+        Item: () => (
           <Icon material="favorite" onClick={() => this.navigate("/example-page" />
         )
       }
@@ -235,7 +235,7 @@ export default class ExampleExtension extends Renderer.LensExtension {
   statusBarItems = [
     {
       components: {
-        Item: (
+        Item: () => (
           <div className="flex align-center gaps hover-highlight" onClick={() => this.navigate("/example-page")} >
             <Icon material="favorite" />
           </div>
@@ -259,7 +259,7 @@ import { CustomWorkloadsOverviewItem } from "./src/custom-workloads-overview-ite
 export default class ExampleExtension extends Renderer.LensExtension {
   kubeWorkloadsOverviewItems = [
     {
-      components : {
+      components: {
         Details: () => <CustomWorkloadsOverviewItem />
       }
     }

docs/extensions/guides/renderer-extension.md

@@ -478,7 +478,7 @@ export default class HelpExtension extends Renderer.LensExtension {
   statusBarItems = [
     {
       components: {
-        Item: (
+        Item: () => (
           <div
             className="flex align-center gaps"
             onClick={() => this.navigate("help")}

docs/extensions/guides/resource-stack.md

@@ -208,11 +208,9 @@ export default class ExampleExtension extends Renderer.LensExtension {
       title: "Example Cluster Feature",
       priority: 5,
       components: {
-        View: ({ entity = null }: { entity: Common.Catalog.KubernetesCluster}) => {
+        View: ({ entity = null }: { entity: Common.Catalog.KubernetesCluster}) => (
-          return (
+           <ExampleClusterFeatureSettings cluster={entity} />
-            <ExampleClusterFeatureSettings cluster={entity} />
+        )
-          );
-        }
       }
     }
   ];