feat(i18n): localise document editing controls

job-tracker-ui/src/components/ApplicationAssets.tsx

@@ -253,7 +253,8 @@ export function ApplicationTailoringSection({ jobId }: { jobId: number }) {
 
 // ---------- Cover letter ----------
 
-const TEMPLATE = `Dear Hiring Manager,
+const COVER_LETTER_TEMPLATES = {
+  en: `Dear Hiring Manager,
 
 I am writing to apply for the [role] position at [company]. [One sentence on why this company, specifically.]
 
@@ -264,10 +265,23 @@ In my current role I [the most relevant thing you have done, with a concrete out
 I would welcome the chance to talk it through.
 
 Kind regards,
-[Your name]`;
+[Your name]`,
+  nb: `Kjære rekrutteringsansvarlig,
+
+Jeg søker med dette på stillingen som [stilling] hos [selskap]. [Én konkret setning om hvorfor akkurat dette selskapet.]
+
+I min nåværende rolle har jeg [det mest relevante du har gjort, med et konkret resultat]. [Et annet eksempel som samsvarer med det stillingsannonsen etterspør.]
+
+[Hvorfor du ønsker denne stillingen, med egne ord.]
+
+Jeg ser frem til muligheten til å utdype dette i et intervju.
+
+Med vennlig hilsen
+[Navnet ditt]`,
+} as const;
 
 export function ApplicationCoverLetterSection({ jobId, onDirtyChange }: { jobId: number; onDirtyChange?: (dirty: boolean) => void }) {
-  const { t } = useI18n();
+  const { language, t } = useI18n();
   const { data, error, loading, setData, setError } = useAsset<CoverLetter>(
     () => applicationAssetsApi.coverLetter(jobId),
     [jobId],
@@ -341,7 +355,7 @@ export function ApplicationCoverLetterSection({ jobId, onDirtyChange }: { jobId:
             </Button>
             <Button
               disabled={busy || text.trim().length > 0}
-              onClick={() => setDraft(TEMPLATE)}
+              onClick={() => setDraft(COVER_LETTER_TEMPLATES[language])}
             >
               {t("assetsStartTemplate")}
             </Button>

job-tracker-ui/src/components/RichTextField.tsx

@@ -7,6 +7,7 @@ import FormatUnderlinedIcon from "@mui/icons-material/FormatUnderlined";
 import LinkIcon from "@mui/icons-material/Link";
 
 import { wrapSelection } from "../cvBuilder";
+import { useI18n } from "../i18n/I18nProvider";
 
 // Lightweight rich text: a plain textarea plus a markdown toolbar. Storage stays plain text
 // (**bold**, *italic*, __underline__, [text](url)); the server renderer converts the same whitelist
@@ -29,6 +30,7 @@ export default function RichTextField({
   ariaLabel?: string;
   disabled?: boolean;
 }) {
+  const { t } = useI18n();
   const ref = useRef<HTMLTextAreaElement | null>(null);
 
   const apply = (before: string, after: string, placeholderText: string) => {
@@ -53,10 +55,10 @@ export default function RichTextField({
   return (
     <Box>
       <Box sx={{ display: "flex", gap: 0.25, mb: 0.25 }}>
-        {btn("Bold", <FormatBoldIcon fontSize="inherit" />, "**", "**", "bold text")}
-        {btn("Italic", <FormatItalicIcon fontSize="inherit" />, "*", "*", "italic text")}
-        {btn("Underline", <FormatUnderlinedIcon fontSize="inherit" />, "__", "__", "underlined")}
-        {btn("Link", <LinkIcon fontSize="inherit" />, "[", "](https://)", "link text")}
+        {btn(t("richTextBold"), <FormatBoldIcon fontSize="inherit" />, "**", "**", t("richTextBoldPlaceholder"))}
+        {btn(t("richTextItalic"), <FormatItalicIcon fontSize="inherit" />, "*", "*", t("richTextItalicPlaceholder"))}
+        {btn(t("richTextUnderline"), <FormatUnderlinedIcon fontSize="inherit" />, "__", "__", t("richTextUnderlinePlaceholder"))}
+        {btn(t("richTextLink"), <LinkIcon fontSize="inherit" />, "[", "](https://)", t("richTextLinkPlaceholder"))}
       </Box>
       <TextField
         inputRef={ref}