@grafana/ui: Replace various icons using Icon component (#23442)

* Replace icons in dashboard and settings

* Replace icons in alerting

* Update batch of icons

* Implement icons accross various files

* Style updates

* Search: Fix recent and starred icons

* Update styling and details

* Replace new icon created by unicons

* Fix e2e test, styling

* Minor styling updates

Co-authored-by: Clarity-89 <homes89@ukr.net>

public/app/features/explore/NoDataSourceCallToAction.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { css } from 'emotion';
-import { ThemeContext, LinkButton, CallToActionCard } from '@grafana/ui';
+import { ThemeContext, LinkButton, CallToActionCard, Icon } from '@grafana/ui';
 
 export const NoDataSourceCallToAction = () => {
   const theme = useContext(ThemeContext);
@@ -9,7 +9,7 @@ export const NoDataSourceCallToAction = () => {
     'Explore requires at least one data source. Once you have added a data source, you can query it here.';
   const footer = (
     <>
-      <i className="fa fa-rocket" />
+      <Icon name="rocket" />
       <> ProTip: You can also define data sources through configuration files. </>
       <a
         href="http://docs.grafana.org/administration/provisioning/#datasources?utm_source=explore"