feat(marketplace): add install page (#507)

* feat(marketplace): add install page

Signed-off-by: Yi Cai <yicai@redhat.com>

* addressed review comments - p1

Signed-off-by: Yi Cai <yicai@redhat.com>

* addressed review comments - p2

Signed-off-by: Yi Cai <yicai@redhat.com>

---------

Signed-off-by: Yi Cai <yicai@redhat.com>

Author: ciiay

workspaces/marketplace/examples/plugins/tekton.yaml

@@ -243,8 +243,6 @@ spec:
     ![tekton-pipelinerun-report](https://github.com/backstage/community-plugins/raw/main/workspaces/tekton/plugins/tekton/docs/images/tekton-plugin-pipelinerun-output.png)
 
   installation: |
-    # Setting up the Tekton plugin
-
     ## Prerequisites
 
     - The Kubernetes backend plugin `@backstage/plugin-kubernetes-backend` is installed and configured by following the [installation](https://backstage.io/docs/features/kubernetes/installation) and [configuration](https://backstage.io/docs/features/kubernetes/configuration) guides.

workspaces/marketplace/plugins/marketplace/src/components/MarketplacePluginContent.tsx

@@ -30,7 +30,6 @@ import Skeleton from '@mui/material/Skeleton';
 import Stack from '@mui/material/Stack';
 import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid';
-import Tooltip from '@mui/material/Tooltip';
 
 import {
   MarketplacePackage,
@@ -240,30 +239,23 @@ export const MarketplacePluginContent = ({
               </>
             ) : null}
 
-            <Tooltip
-              title={<Typography variant="button">Coming soon!</Typography>}
-              arrow
-              placement="right"
-            >
-              <div style={{ display: 'inline-block' }}>
-                <LinkButton
-                  disabled
-                  to={getInstallPath({
-                    namespace: plugin.metadata.namespace!,
-                    name: plugin.metadata.name,
-                  })}
-                  color="primary"
-                  variant="contained"
-                >
-                  {
-                    mapMarketplacePluginInstallStatusToButton[
-                      plugin.spec?.installStatus ??
-                        MarketplacePluginInstallStatus.NotInstalled
-                    ]
-                  }
-                </LinkButton>
-              </div>
-            </Tooltip>
+            <div style={{ display: 'inline-block' }}>
+              <LinkButton
+                to={getInstallPath({
+                  namespace: plugin.metadata.namespace!,
+                  name: plugin.metadata.name,
+                })}
+                color="primary"
+                variant="contained"
+              >
+                {
+                  mapMarketplacePluginInstallStatusToButton[
+                    plugin.spec?.installStatus ??
+                      MarketplacePluginInstallStatus.NotInstalled
+                  ]
+                }
+              </LinkButton>
+            </div>
           </Grid>
           <Grid item md={9}>
             <Markdown title="About" content={about} />