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>

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} />
-          );
+        )
-        }
       }
     }
   ];