Dashboard: Handle no renderer available in panel share dialog (#23856)

Show a message when sharing dashboard panel on the Link tab and
 there's no renderer available/installed. 

Ref #13802

public/app/features/dashboard/components/ShareModal/ShareLink.tsx

 import React, { PureComponent } from 'react';
 import React, { PureComponent } from 'react';
 import { e2e } from '@grafana/e2e';
 import { e2e } from '@grafana/e2e';
-import { LegacyForms, ClipboardButton, Icon } from '@grafana/ui';
+import { LegacyForms, ClipboardButton, Icon, InfoBox } from '@grafana/ui';
 const { Select, Switch } = LegacyForms;
 const { Select, Switch } = LegacyForms;
 import { SelectableValue, PanelModel, AppEvents } from '@grafana/data';
 import { SelectableValue, PanelModel, AppEvents } from '@grafana/data';
 import { DashboardModel } from 'app/features/dashboard/state';
 import { DashboardModel } from 'app/features/dashboard/state';
@@ -135,6 +135,22 @@ export class ShareLink extends PureComponent<Props, State> {
                 </a>
                 </a>
               </div>
               </div>
             )}
             )}
+            {panel && !config.rendererAvailable && (
+              <InfoBox>
+                <p>
+                  <>To render a panel image, you must install the </>
+                  <a
+                    href="https://grafana.com/grafana/plugins/grafana-image-renderer"
+                    target="_blank"
+                    rel="noopener"
+                    className="external-link"
+                  >
+                    Grafana Image Renderer plugin
+                  </a>
+                  . Please contact your Grafana administrator to install the plugin.
+                </p>
+              </InfoBox>
+            )}
           </div>
           </div>
         </div>
         </div>
       </div>
       </div>