fix(global-header): add ability to use custom star icons (#1704)

Signed-off-by: Yash Oswal <yoswal@redhat.com>

Author: yashoswalyo

workspaces/global-header/.changeset/lovely-pianos-pay.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-global-header': patch
+---
+
+fix: add ability to use custom star icons

workspaces/global-header/plugins/global-header/src/components/HeaderDropdownComponent/StarredDropdown.tsx

@@ -19,7 +19,7 @@ import {
   useEntityPresentation,
   useStarredEntities,
 } from '@backstage/plugin-catalog-react';
-import { Link } from '@backstage/core-components';
+import { Link, AppIcon } from '@backstage/core-components';
 import {
   CompoundEntityRef,
   Entity,
@@ -107,7 +107,7 @@ const StarredItem: FC<SectionComponentProps> = ({
             color: rhdhPalette?.general?.starredItemsColor ?? '#F3BA37',
           }}
         >
-          <Star />
+          <AppIcon id="star" Fallback={Star} />
         </IconButton>
       </Tooltip>
     </MenuItem>
@@ -123,7 +123,7 @@ export const StarredDropdown = () => {
 
   return (
     <HeaderDropdownComponent
-      buttonContent={<StarBorderIcon />}
+      buttonContent={<AppIcon id="unstarred" Fallback={StarBorderIcon} />}
       onOpen={handleOpen}
       onClose={handleClose}
       anchorEl={anchorEl}