docs: add missing translation in theme builder

apps/themebuilder/app/_components/color-tokens/color-tokens.tsx

@@ -1,16 +1,15 @@
 import { Heading, Paragraph } from '@digdir/designsystemet-react';
 import cl from 'clsx/lite';
+import { useTranslation } from 'react-i18next';
 import classes from './color-tokens.module.css';
 export const ColorTokens = () => {
+  const { t } = useTranslation();
   return (
     <div className='panelContainer'>
       <div className='panelLeft'>
         <div className='panelTop'>
-          <Heading data-size='xs'>Se fargetokens</Heading>
-          <Paragraph data-size='sm'>
-            Her ser du hvilke tokens som er brukt for å lage kortene i seksjonen
-            over.
-          </Paragraph>
+          <Heading data-size='xs'>{t('color-tokens.title')}</Heading>
+          <Paragraph data-size='sm'>{t('color-tokens.description')}</Paragraph>
         </div>
       </div>
       <div className={cl('panelRight', classes.right)}>

apps/themebuilder/app/locales/en.ts

@@ -148,6 +148,11 @@ export default {
     'set-to': 'Set to',
     view: 'view',
   },
+  'color-tokens': {
+    title: 'Color Tokens',
+    description:
+      'Here you can see which tokens have been used to create the cards in the section above.',
+  },
   colorContrasts: {
     title: 'Contrasts between colours',
     description:

apps/themebuilder/app/locales/no.ts

@@ -147,6 +147,11 @@ export default {
     'set-to': 'Sett til',
     view: 'visning',
   },
+  'color-tokens': {
+    title: 'Fargetokens',
+    description:
+      'Her ser du hvilke tokens som er brukt for å lage kortene i seksjonen over.',
+  },
   colorContrasts: {
     title: 'Kontraster mellom farger',
     description: