refactor: consolidate English translations (#6640)

apps/nextjs/src/components/board/selection/board-selection-context.tsx

@@ -11,7 +11,7 @@ import { usePersistBoard } from "@homarr/boards/updater";
 import { createId } from "@homarr/common";
 import { getBoardLaneColumnCount, getRootSectionLane } from "@homarr/definitions";
 import { showErrorNotification, showSuccessNotification } from "@homarr/notifications";
-import { useI18n, useScopedI18n } from "@homarr/translation/client";
+import { useI18n } from "@homarr/translation/client";
 
 import type { ContainerSection, ItemLayout } from "~/app/[locale]/boards/_types";
 import { createItemCallback } from "~/components/board/items/actions/create-item";
@@ -42,8 +42,8 @@ export const BoardSelectionProvider = ({ children }: PropsWithChildren) => {
   const board = useRequiredBoard();
   const currentLayoutId = useCurrentLayout();
   const { updateAndPersistBoard } = usePersistBoard(board);
-  const t = useI18n();
-  const tSelection = useScopedI18n("item.selection");
+  const tCommon = useI18n("common");
+  const tSelection = useI18n("item.selection");
 
   const persistBoard = useCallback(
     (updater: (previous: typeof board) => typeof board) =>
@@ -205,7 +205,7 @@ export const BoardSelectionProvider = ({ children }: PropsWithChildren) => {
     const notificationId = `batch-remove-${Date.now()}`;
     showSuccessNotification({
       id: notificationId,
-      title: t("common.success"),
+      title: tCommon("success"),
       message: (
         <Group justify="space-between" wrap="nowrap">
           <Text size="sm">{tSelection("removed", { count })}</Text>
@@ -220,13 +220,13 @@ export const BoardSelectionProvider = ({ children }: PropsWithChildren) => {
               notifications.hide(notificationId);
             }}
           >
-            {t("common.action.undo")}
+            {tCommon("action.undo")}
           </Button>
         </Group>
       ),
       autoClose: 10_000,
     });
-  }, [board.items, clearSelection, persistBoard, selectedItemIds, t, tSelection]);
+  }, [board.items, clearSelection, persistBoard, selectedItemIds, tCommon, tSelection]);
 
   const moveSelectedItemsToSection = useCallback(
     (targetSectionId: string) => {

apps/nextjs/src/components/board/selection/board-selection-toolbar.tsx

@@ -20,8 +20,8 @@ import { IconCheck, IconClipboard, IconCopy, IconFolderShare, IconTrash, IconX }
 import { clientApi } from "@homarr/api/client";
 import { useCurrentLayout, useRequiredBoard } from "@homarr/boards/context";
 import { useEditMode } from "@homarr/boards/edit-mode";
-import { getBoardLaneColumnCount, getRootSectionLane } from "@homarr/definitions";
-import { useI18n, useScopedI18n } from "@homarr/translation/client";
+import { getBoardLaneColumnCount, getRootSectionLane, getWidgetName } from "@homarr/definitions";
+import { useI18n } from "@homarr/translation/client";
 import { widgetCatalogIcons } from "@homarr/widgets/catalog";
 
 import type { EmptySection } from "~/app/[locale]/boards/_types";
@@ -43,7 +43,7 @@ export const BoardSelectionToolbar = () => {
   const currentLayoutId = useCurrentLayout();
   const currentLayout = board.layouts.find((layout) => layout.id === currentLayoutId);
   const t = useI18n();
-  const tSelection = useScopedI18n("item.selection");
+  const tSelection = useI18n("item.selection");
 
   const selectedItems = board.items.filter((item) => selectedItemIds.has(item.id));
   const hasAppWidgets = selectedItems.some((item) => item.kind === "app");
@@ -71,7 +71,7 @@ export const BoardSelectionToolbar = () => {
       const appId = (item.options as { appId?: string })?.appId;
       const app = appId ? appMap.get(appId) : undefined;
       if (!displayName) {
-        displayName = app?.name || t("widget.app.name");
+        displayName = app?.name || getWidgetName("app", t);
       }
       if (app?.iconUrl) {
         iconUrl = app.iconUrl;
@@ -79,7 +79,7 @@ export const BoardSelectionToolbar = () => {
     }
 
     if (!displayName) {
-      displayName = t(`widget.${item.kind}.name`);
+      displayName = getWidgetName(item.kind, t);
     }
 
     return { displayName, iconUrl, IconComponent, kind: item.kind };

apps/nextjs/src/components/board/selection/board-selection.spec.tsx

@@ -16,7 +16,6 @@ import { BoardSelectionProvider, useBoardSelection } from "./board-selection-con
 
 vi.mock("@homarr/translation/client", () => ({
   useI18n: () => (key: string) => key,
-  useScopedI18n: () => (key: string) => key,
 }));
 
 vi.mock("../audio/board-sounds", () => ({