refactor: consolidate English translations (#6640)

packages/ui/src/integration-select-grid/integration-multi-select-grid.tsx

@@ -4,6 +4,7 @@ import { useCallback, useMemo, useState } from "react";
 import { Badge, Card, Center, Group, Stack, Text, Tooltip, UnstyledButton } from "@mantine/core";
 import { IconBrandDocker, IconCheck, IconPuzzle } from "@tabler/icons-react";
 
+import { getWidgetName } from "@homarr/definitions";
 import type { IntegrationKind } from "@homarr/definitions";
 import { useI18n } from "@homarr/translation/client";
 
@@ -109,7 +110,7 @@ export const IntegrationMultiSelectGrid = ({
                         <Stack gap={4}>
                           {integration.widgets.map((widgetKind) => (
                             <Text key={widgetKind} size="xs">
-                              {t(`widget.${widgetKind}.name`)}
+                              {getWidgetName(widgetKind, t)}
                             </Text>
                           ))}
                         </Stack>

packages/ui/src/integration-select-grid/integration-select-grid.tsx

@@ -42,6 +42,7 @@ import {
   IconZoomQuestion,
 } from "@tabler/icons-react";
 
+import { getWidgetName } from "@homarr/definitions";
 import type { IntegrationKind, WidgetKind } from "@homarr/definitions";
 import { useI18n } from "@homarr/translation/client";
 
@@ -219,7 +220,7 @@ const IntegrationTiedWidgets = ({ widgets, limit }: { widgets: WidgetKind[]; lim
             leftSection={<WidgetIcon size={12} />}
             style={{ fontWeight: 500 }}
           >
-            {t(`widget.${widgetKind}.name`)}
+            {getWidgetName(widgetKind, t)}
           </Badge>
         );
       })}