fix: show plugin names and descriptions in the UI language (#1658)

* fix: show plugin names and descriptions in the UI language

Read plugin.name and plugin.description from each plugin's own locale
namespace, falling back to the manifest, everywhere core shows a plugin's
name: the Plugins manager, onboarding picker, host editor tabs and
sections, host filters and bulk actions, beta updates, interface presets
and plugin crash/loading notices.

* docs(sdk): document plugin.name and plugin.description locale keys

---------

Co-authored-by: ZacharyZcR <zkl205305@gmail.com>

src/ui/settings/HostPluginSections.tsx

@@ -15,6 +15,7 @@ import { useTranslation } from "react-i18next";
 import { SectionCard } from "@/components/section-card";
 import { DocsLink } from "@/components/docs-link";
 import { PluginIcon } from "@/lib/plugin-icon";
+import { pluginName } from "@/lib/plugin-i18n";
 import { type PluginSummary } from "@/api/plugins-api";
 import { useInstalledPlugins } from "@/hooks/use-installed-plugins";
 import { usePluginScope } from "@/plugin-host/scope";
@@ -141,13 +142,15 @@ function HostPluginSection({
 
   return (
     <SectionCard
-      title={plugin.name}
+      title={pluginName(t, plugin)}
       icon={<PluginIcon name={plugin.icon} className="size-3.5" />}
       action={<DocsLink href={plugin.docs} />}
     >
       {!running && (
         <div className="my-3 border border-warning/40 bg-warning/10 px-3 py-2 text-xs text-warning">
-          {t("settings.featureUnavailable", { name: plugin.name })}
+          {t("settings.featureUnavailable", {
+            name: pluginName(t, plugin),
+          })}
         </div>
       )}