Add changelog link to update available notification

- in 'update available', when expanded, show link at the bottom 'Open changelog' leading to https://github.com/robertpiosik/CodeWebChat/releases

├── apps
│   └── editor
│       └── src
│           └── views
│               └── prompt
│                   └── frontend
│                       ├── Home
│                       │   └── Home.tsx
│                       └── i18n
│                           └── translations
│                               ├── home.ts
│                               └── index.ts
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt-view
                        └── UpdateAvailable
                            ├── UpdateAvailable.module.scss
                            ├── UpdateAvailable.tsx
                            └── index.ts

Author: robertpiosik

apps/editor/src/views/prompt/frontend/Home/Home.tsx

@@ -188,7 +188,15 @@ export const Home: React.FC<Props> = (props) => {
                   days: update_info.current_version_age_days.toString()
                 }}
               />
-            ) : undefined
+            ) : undefined,
+            changelog: (
+              <a
+                href="https://github.com/robertpiosik/CodeWebChat/releases"
+                onClick={(e) => e.stopPropagation()}
+              >
+                {t('home.update.changelog')}
+              </a>
+            )
           }}
         />
       </div>

apps/editor/src/views/prompt/frontend/i18n/translations/home.ts

@@ -268,5 +268,23 @@ export const home = {
     cs: 'Vaše verze je stará {days} dní.',
     hu: 'Az Ön verziója {days} napos.',
     bg: 'Вашата версия е на {days} дни.'
+  },
+  'home.update.changelog': {
+    en: 'Open changelog',
+    pl: 'Otwórz dziennik zmian',
+    'zh-cn': '打开更新日志',
+    ja: '変更履歴を開く',
+    'zh-tw': '開啟更新日誌',
+    de: 'Änderungsprotokoll öffnen',
+    es: 'Abrir registro de cambios',
+    fr: 'Ouvrir le journal des modifications',
+    'pt-br': 'Abrir registro de alterações',
+    ru: 'Открыть список изменений',
+    ko: '변경 로그 열기',
+    it: 'Apri log delle modifiche',
+    tr: 'Değişiklik günlüğünü aç',
+    cs: 'Otevřít seznam změn',
+    hu: 'Változásnapló megnyitása',
+    bg: 'Отвори дневник на промените'
   }
 } as const

packages/ui/src/components/editor/prompt-view/UpdateAvailable/UpdateAvailable.tsx

@@ -11,6 +11,7 @@ type Props = {
     installed_version: React.ReactNode
     latest_version: React.ReactNode
     age?: React.ReactNode
+    changelog?: React.ReactNode
   }
 }
 
@@ -49,6 +50,7 @@ export const UpdateAvailable: React.FC<Props> = (props) => {
           <span>{props.translations.installed_version}</span>
           <span>{props.translations.latest_version}</span>
           {props.translations.age && <span>{props.translations.age}</span>}
+          {props.translations.changelog && <span>{props.translations.changelog}</span>}
         </div>
       )}
     </div>