fix(ui): missing translation

Author: psychedelicious

invokeai/frontend/web/public/locales/en.json

@@ -1685,7 +1685,7 @@
         "created": "Created",
         "descending": "Descending",
         "workflows": "Workflows",
-        "workflowLibrary": "Library",
+        "workflowLibrary": "Workflow Library",
         "loadMore": "Load More",
         "allLoaded": "All Workflows Loaded",
         "searchPlaceholder": "Search by name, description or tags",

invokeai/frontend/web/src/features/nodes/components/sidePanel/workflow/WorkflowLibrary/WorkflowLibraryModal.tsx

@@ -9,12 +9,14 @@ import {
   ModalOverlay,
 } from '@invoke-ai/ui-library';
 import { useWorkflowLibraryModal } from 'features/nodes/store/workflowLibraryModal';
+import { useTranslation } from 'react-i18next';
 
 import { WorkflowLibrarySideNav } from './WorkflowLibrarySideNav';
 import { WorkflowLibraryTopNav } from './WorkflowLibraryTopNav';
 import { WorkflowList } from './WorkflowList';
 
 export const WorkflowLibraryModal = () => {
+  const { t } = useTranslation();
   const workflowLibraryModal = useWorkflowLibraryModal();
   return (
     <Modal isOpen={workflowLibraryModal.isOpen} onClose={workflowLibraryModal.close} isCentered>
@@ -25,7 +27,7 @@ export const WorkflowLibraryModal = () => {
         h="calc(100% - var(--invoke-sizes-40))"
         maxH="calc(100% - var(--invoke-sizes-40))"
       >
-        <ModalHeader>Workflow Library</ModalHeader>
+        <ModalHeader>{t('workflows.workflowLibrary')}</ModalHeader>
         <ModalCloseButton />
         <ModalBody pb={6}>
           <Flex gap={4} h="100%">