feat(ui): use phosphor icons

There were some scattered places where we used other icon packs. Changed all to use phosphor icons for consistency.

invokeai/frontend/web/src/features/queue/components/InvokeQueueBackButton.tsx

@@ -4,7 +4,7 @@ import { selectDynamicPromptsIsLoading } from 'features/dynamicPrompts/store/dyn
 import { QueueIterationsNumberInput } from 'features/queue/components/QueueIterationsNumberInput';
 import { useQueueBack } from 'features/queue/hooks/useQueueBack';
 import { memo } from 'react';
-import { RiSparkling2Fill } from 'react-icons/ri';
+import { PiSparkleFill } from 'react-icons/pi';
 
 import { QueueButtonTooltip } from './QueueButtonTooltip';
 
@@ -23,7 +23,7 @@ export const InvokeQueueBackButton = memo(() => {
           isLoading={isLoading || isLoadingDynamicPrompts}
           loadingText={invoke}
           isDisabled={isDisabled}
-          rightIcon={<RiSparkling2Fill />}
+          rightIcon={<PiSparkleFill />}
           variant="solid"
           colorScheme="invokeYellow"
           size="lg"

invokeai/frontend/web/src/features/queue/components/PruneQueueButton.tsx

@@ -1,7 +1,7 @@
 import { usePruneQueue } from 'features/queue/hooks/usePruneQueue';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { RiSparklingFill } from 'react-icons/ri';
+import { PiBroomBold } from 'react-icons/pi';
 
 import QueueButton from './common/QueueButton';
 
@@ -20,7 +20,7 @@ const PruneQueueButton = ({ asIconButton }: Props) => {
       asIconButton={asIconButton}
       label={t('queue.prune')}
       tooltip={t('queue.pruneTooltip', { item_count: finishedCount })}
-      icon={<RiSparklingFill />}
+      icon={<PiBroomBold />}
       onClick={pruneQueue}
       colorScheme="invokeBlue"
     />

invokeai/frontend/web/src/features/queue/components/QueueFrontButton.tsx

@@ -2,7 +2,7 @@ import { IconButton } from '@invoke-ai/ui-library';
 import { useQueueFront } from 'features/queue/hooks/useQueueFront';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { AiFillThunderbolt } from 'react-icons/ai';
+import { PiLightningFill } from 'react-icons/pi';
 
 import { QueueButtonTooltip } from './QueueButtonTooltip';
 
@@ -16,7 +16,7 @@ const QueueFrontButton = () => {
         isDisabled={isDisabled}
         isLoading={isLoading}
         onClick={queueFront}
-        icon={<AiFillThunderbolt />}
+        icon={<PiLightningFill />}
         size="lg"
       />
     </QueueButtonTooltip>