@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/api-keys/ApiKeysAddedModal.tsx

@@ -11,7 +11,7 @@ export const ApiKeysAddedModal = (props: Props) => {
     <div className="modal-body">
       <div className="modal-header">
         <h2 className="modal-header-title">
-          <Icon name="key-skeleton-alt" />
+          <Icon name="key-skeleton-alt" size="lg" />
           <span className="p-l-1">API Key Created</span>
         </h2>
 

public/app/features/api-keys/__snapshots__/ApiKeysAddedModal.test.tsx.snap

@@ -12,6 +12,7 @@ exports[`Render should render component 1`] = `
     >
       <Icon
         name="key-skeleton-alt"
+        size="lg"
       />
       <span
         className="p-l-1"