fix pluralization of labels

Author: nicolethoen

packages/module/src/catalog/QuickStartTile.tsx

@@ -161,10 +161,7 @@ const QuickStartTile: FC<QuickStartTileProps> = ({
             {type && <Label color={type.color}>{type.text}</Label>}
             {durationMinutes && (
               <Label variant="outline" data-test="duration" icon={<OutlinedClockIcon />}>
-                {getResource('{{duration, number}} minutes', durationMinutes).replace(
-                  '{{duration, number}}',
-                  durationMinutes,
-                )}
+                {getResource('{{duration, number}} minutes', durationMinutes)}
               </Label>
             )}
             {status !== QuickStartStatus.NOT_STARTED && (

packages/module/src/catalog/Toolbar/QuickStartCatalogFilterItems.tsx

@@ -72,10 +72,7 @@ export const QuickStartCatalogFilterCount = ({ quickStartsCount }) => {
   const { getResource } = useContext<QuickStartContextValues>(QuickStartContext);
   return (
     <ToolbarItem align={{ default: 'alignEnd' }}>
-      {getResource('{{count, number}} item', quickStartsCount).replace(
-        '{{count, number}}',
-        quickStartsCount,
-      )}
+      {getResource('{{count, number}} item', quickStartsCount)}
     </ToolbarItem>
   );
 };

packages/module/src/controller/QuickStartIntroduction.tsx

@@ -47,8 +47,8 @@ const QuickStartIntroduction: FC<QuickStartIntroductionProps> = ({
       <p>
         {getResource(
           'In this quick start, you will complete {{count, number}} task',
-          tasks?.length,
-        ).replace('{{count, number}}', tasks?.length || 0)}
+          tasks?.length || 0,
+        )}
         :
       </p>
       <TaskHeaderList tasks={tasks} allTaskStatuses={allTaskStatuses} onTaskSelect={onTaskSelect} />