add docs for addTab about accessible Vue props + fix minor typo in panels docs (#14968)

docusaurus/docs/extensions/api/panels.md

@@ -49,7 +49,7 @@ Usage example for `'PanelLocation.DETAILS_MASTHEAD'`:
 
 ```ts
 plugin.addPanel(
-  PanelLocation.DETAILS_MASTHEAD
+  PanelLocation.DETAILS_MASTHEAD,
   { resource: ['catalog.cattle.io.clusterrepo'] },
   { component: () => import('./MastheadDetailsComponent.vue') }
 );

docusaurus/docs/extensions/api/tabs.md

@@ -67,3 +67,20 @@ plugin.addTab(
   }
 );
 ```
+
+### TabLocation.RESOURCE_DETAIL accessible props
+
+When using `addTab` in the `TabLocation.RESOURCE_DETAIL` location, the component used can have access to the given Vue properties:
+
+- `resource`: This will pass to the component used the **resource** object (k8s resource) which can be useful to access in the component context
+
+Usage:
+```js
+props: {
+    resource: {
+      type:    [String, Object],
+      default: () => {}
+    },
+
+....
+```