🅰️ feat: Dynamic Font Size (#3568)

* wip: general setup

* added: translations for font-size

* fix: prompts related linter errors and add theming

* wip: font size selector

* refactor: Update FontSizeSelector options display property

* refactor: adjust Intersection Observer threshold and debounce rate

* feat: Update selectedPrompt type in PromptForm to be optional

* feat: dynamic font size

* refactor: Update message font size in navigation bar

* refactor: Update code analyze block styling

* refactor: ProgressText dynamic font size

* refactor: move FontSizeSelector component to Chat from General settings

* fix: HoverButtons styling for better visibility

* refactor: Update HoverButtons styling for better visibility

---------

Co-authored-by: kraken <solodarken@gmail.com>

client/src/localization/languages/Ar.ts

@@ -292,6 +292,7 @@ export default {
   com_nav_theme_system: 'النظام',
   com_nav_theme_dark: 'داكن',
   com_nav_theme_light: 'فاتح',
+  com_nav_font_size: 'حجم الخط',
   com_nav_clear_all_chats: 'مسح كل الدردشات',
   com_nav_confirm_clear: 'تأكيد المسح',
   com_nav_close_sidebar: 'إغلاق القائمة الجانبية',
@@ -914,20 +915,20 @@ export const comparisons = {
     translated: 'تم حذف الإشارة المرجعية بنجاح',
   },
   com_ui_bookmarks_create_error: {
-    english:  'There was an error creating the bookmark',
-    translated:  'حدث خطأ أثناء إنشاء الإشارة المرجعية',
+    english: 'There was an error creating the bookmark',
+    translated: 'حدث خطأ أثناء إنشاء الإشارة المرجعية',
   },
   com_ui_bookmarks_update_error: {
-    english:  'There was an error updating the bookmark',
-    translated:  'حدث خطأ أثناء تحديث الإشارة المرجعية',
+    english: 'There was an error updating the bookmark',
+    translated: 'حدث خطأ أثناء تحديث الإشارة المرجعية',
   },
   com_ui_bookmarks_delete_error: {
-    english:  'There was an error deleting the bookmark',
-    translated:  'حدث خطأ أثناء حذف الإشارة المرجعية',
+    english: 'There was an error deleting the bookmark',
+    translated: 'حدث خطأ أثناء حذف الإشارة المرجعية',
   },
   com_ui_bookmarks_add_to_conversation: {
-    english:  'Add to current conversation',
-    translated:  'أضف إلى المحادثة الحالية',
+    english: 'Add to current conversation',
+    translated: 'أضف إلى المحادثة الحالية',
   },
   com_auth_error_login: {
     english:

client/src/localization/languages/Br.ts

@@ -483,7 +483,7 @@ export default {
   com_nav_settings: 'Configurações',
   com_nav_search_placeholder: 'Pesquisar mensagens',
   com_nav_info_bookmarks_rebuild:
-  'Se a contagem de favoritos estiver incorreta, por favor, reconstrua as informações de favoritos. A contagem de favoritos será recalculada e os dados serão restaurados ao estado correto.',
+    'Se a contagem de favoritos estiver incorreta, por favor, reconstrua as informações de favoritos. A contagem de favoritos será recalculada e os dados serão restaurados ao estado correto.',
   com_nav_setting_general: 'Geral',
   com_nav_setting_beta: 'Recursos beta',
   com_nav_setting_data: 'Controles de dados',
@@ -2149,6 +2149,10 @@ export const comparisons = {
     english: 'Light',
     translated: 'Claro',
   },
+  com_nav_font_size: {
+    english: 'Font Size',
+    translated: 'Tamanho da fonte',
+  },
   com_nav_user_name_display: {
     english: 'Display username in messages',
     translated: 'Exibir nome de usuário nas mensagens',

client/src/localization/languages/De.ts

@@ -640,6 +640,7 @@ export default {
   com_nav_theme_system: 'System',
   com_nav_theme_dark: 'Dunkel',
   com_nav_theme_light: 'Hell',
+  com_nav_font_size: 'Schriftgröße',
   com_nav_enter_to_send: 'Enter drücken, um Nachrichten zu senden',
   com_nav_user_name_display: 'Benutzernamen in Nachrichten anzeigen',
   com_nav_save_drafts: 'Entwürfe lokal speichern',

client/src/localization/languages/Eng.ts

@@ -553,6 +553,12 @@ export default {
   com_endpoint_config_key_google_service_account: 'Create a Service Account',
   com_endpoint_config_key_google_vertex_api_role:
     'Make sure to click \'Create and Continue\' to give at least the \'Vertex AI User\' role. Lastly, create a JSON key to import here.',
+  com_nav_font_size: 'Message Font Size',
+  com_nav_font_size_xs: 'Extra Small',
+  com_nav_font_size_sm: 'Small',
+  com_nav_font_size_base: 'Medium',
+  com_nav_font_size_lg: 'Large',
+  com_nav_font_size_xl: 'Extra Large',
   com_nav_welcome_assistant: 'Please Select an Assistant',
   com_nav_welcome_message: 'How can I help you today?',
   com_nav_auto_scroll: 'Auto-Scroll to latest message on chat open',

client/src/localization/languages/Es.ts

@@ -465,6 +465,7 @@ export default {
   com_nav_theme_system: 'Sistema',
   com_nav_theme_dark: 'Oscuro',
   com_nav_theme_light: 'Claro',
+  com_nav_font_size: 'Tamaño de fuente',
   com_nav_user_name_display: 'Mostrar nombre de usuario en los mensajes',
   com_nav_save_drafts: 'Guardar borradores localmente',
   com_nav_show_code: 'Mostrar siempre el código cuando se use el intérprete de código',

client/src/localization/languages/Fr.ts

@@ -356,6 +356,7 @@ export default {
   com_nav_theme_system: 'Système',
   com_nav_theme_dark: 'Sombre',
   com_nav_theme_light: 'Clair',
+  com_nav_font_size: 'Taille de police',
   com_nav_user_name_display: 'Afficher le nom d\'utilisateur dans les messages',
   com_nav_save_drafts: 'Enregistrer les brouillons localement',
   com_nav_clear_all_chats: 'Effacer toutes les conversations',

client/src/localization/languages/He.ts

@@ -385,6 +385,7 @@ export default {
   com_nav_theme_system: 'מערכת',
   com_nav_theme_dark: 'כהה',
   com_nav_theme_light: 'אור',
+  com_nav_font_size: 'גודל גופן',
   com_nav_user_name_display: 'הצג שם משתמש בהודעות',
   com_nav_save_drafts: 'שמיר את האפצה באותו מחשב',
   com_nav_clear_all_chats: 'נקה את כל השיחות',

client/src/localization/languages/Id.ts

@@ -343,6 +343,7 @@ export default {
   com_nav_theme_system: 'Sistem',
   com_nav_theme_dark: 'Gelap',
   com_nav_theme_light: 'Terang',
+  com_nav_font_size: 'Ukuran huruf',
   com_nav_user_name_display: 'Tampilkan nama pengguna dalam pesan',
   com_nav_save_drafts: 'Simpan draft',
   com_nav_clear_all_chats: 'Hapus semua obrolan',

client/src/localization/languages/It.ts

@@ -2455,6 +2455,10 @@ export const comparisons = {
     english: 'Light',
     translated: 'Chiaro',
   },
+  com_nav_font_size: {
+    english: 'Font Size',
+    translate: 'Dimensione del font',
+  },
   com_nav_enter_to_send: {
     english: 'Press Enter to send messages',
     translated: 'Premi Invio per inviare messaggi',

client/src/localization/languages/Jp.ts

@@ -464,6 +464,7 @@ export default {
   com_nav_theme_system: 'システム',
   com_nav_theme_dark: 'ダーク',
   com_nav_theme_light: 'ライト',
+  com_nav_font_size: 'フォントサイズ',
   com_nav_enter_to_send: 'Enterキーでメッセージを送信する',
   com_nav_user_name_display: 'メッセージにユーザー名を表示する',
   com_nav_save_drafts: 'ローカルにドラフトを保存する',

client/src/localization/languages/Ko.ts

@@ -273,6 +273,7 @@ export default {
   com_nav_theme_system: '시스템',
   com_nav_theme_dark: '다크',
   com_nav_theme_light: '라이트',
+  com_nav_font_size: '글꼴 크기',
   com_nav_clear_all_chats: '모든 채팅 지우기',
   com_nav_confirm_clear: '지우기 확인',
   com_nav_close_sidebar: '사이드바 닫기',

client/src/localization/languages/Nl.ts

@@ -83,20 +83,16 @@ export default {
   com_ui_bookmarks: 'Bladwijzers',
   com_ui_bookmarks_rebuild: 'Herbouwen',
   com_ui_bookmarks_new: 'Nieuwe bladwijzer',
-  com_ui_bookmark_delete_confirm:
-    'Weet je zeker dat je deze bladwijzer wilt verwijderen?',
+  com_ui_bookmark_delete_confirm: 'Weet je zeker dat je deze bladwijzer wilt verwijderen?',
   com_ui_bookmarks_title: 'Titel',
   com_ui_bookmarks_count: 'Aantal',
   com_ui_bookmarks_description: 'Beschrijving',
   com_ui_bookmarks_create_success: 'Bladwijzer succesvol aangemaakt',
   com_ui_bookmarks_update_success: 'Bladwijzer succesvol bijgewerkt',
   com_ui_bookmarks_delete_success: 'Bladwijzer succesvol verwijderd',
-  com_ui_bookmarks_create_error:
-    'Er is een fout opgetreden bij het maken van de bladwijzer',
-  com_ui_bookmarks_update_error:
-    'Er is een fout opgetreden bij het bijwerken van de bladwijzer',
-  com_ui_bookmarks_delete_error:
-    'Er is een fout opgetreden bij het verwijderen van de bladwijzer',
+  com_ui_bookmarks_create_error: 'Er is een fout opgetreden bij het maken van de bladwijzer',
+  com_ui_bookmarks_update_error: 'Er is een fout opgetreden bij het bijwerken van de bladwijzer',
+  com_ui_bookmarks_delete_error: 'Er is een fout opgetreden bij het verwijderen van de bladwijzer',
   com_ui_bookmarks_add_to_conversation: 'Toevoegen aan huidig gesprek',
   com_auth_error_login:
     'Kan niet inloggen met de verstrekte informatie. Controleer uw referenties en probeer het opnieuw.',
@@ -306,6 +302,7 @@ export default {
   com_nav_theme_system: 'Systeem',
   com_nav_theme_dark: 'Donker',
   com_nav_theme_light: 'Licht',
+  com_nav_font_size: 'Lettertypegrootte',
   com_nav_clear_all_chats: 'Alle chats wissen',
   com_nav_confirm_clear: 'Wissen bevestigen',
   com_nav_close_sidebar: 'Zijbalk sluiten',

client/src/localization/languages/Pl.ts

@@ -232,6 +232,7 @@ export default {
   com_nav_theme_system: 'Domyślny',
   com_nav_theme_dark: 'Ciemny',
   com_nav_theme_light: 'Jasny',
+  com_nav_font_size: 'Rozmiar czcionki',
   com_nav_clear: 'Wyczyść',
   com_nav_clear_all_chats: 'Usuń wszystkie konwersacje',
   com_nav_confirm_clear: 'Potwierdź usunięcie',

client/src/localization/languages/Ru.ts

@@ -343,6 +343,7 @@ export default {
   com_nav_theme_system: 'Системная',
   com_nav_theme_dark: 'Темная',
   com_nav_theme_light: 'Светлая',
+  com_nav_font_size: 'Размер шрифта',
   com_nav_user_name_display: 'Отображать имя пользователя в сообщениях',
   com_nav_save_drafts: 'Сохранить черновики локально',
   com_nav_language: 'Локализация',

client/src/localization/languages/Sv.ts

@@ -289,6 +289,7 @@ export default {
   com_nav_theme_system: 'System',
   com_nav_theme_dark: 'Mörkt',
   com_nav_theme_light: 'Ljust',
+  com_nav_font_size: 'Textstorlek',
   com_nav_clear_all_chats: 'Rensa alla chattar',
   com_nav_confirm_clear: 'Bekräfta rensning',
   com_nav_close_sidebar: 'Stäng sidofält',

client/src/localization/languages/Tr.ts

@@ -568,6 +568,7 @@ export default {
   com_nav_user_name_display: 'Mesajlarda kullanıcı adını görüntüle',
   com_nav_save_drafts: 'Taslakları yerel olarak kaydet',
   com_nav_show_code: 'Kod yorumlayıcı kullanırken her zaman kodu göster',
+  com_nav_font_size: 'Yazı Boyutu',
   com_nav_clear_all_chats: 'Tüm sohbetleri temizle',
   com_nav_confirm_clear: 'Temizlemeyi Onayla',
   com_nav_close_sidebar: 'Yan paneli kapat',

client/src/localization/languages/Vi.ts

@@ -294,6 +294,7 @@ export default {
   com_nav_theme_system: 'Hệ thống',
   com_nav_theme_dark: 'Tối',
   com_nav_theme_light: 'Sáng',
+  com_nav_font_size: 'Cỡ chữ',
   com_nav_clear_all_chats: 'Xóa tất cả cuộc trò chuyện',
   com_nav_confirm_clear: 'Xác nhận xóa',
   com_nav_close_sidebar: 'Đóng thanh bên',

client/src/localization/languages/Zh.ts

@@ -424,6 +424,7 @@ export default {
   com_nav_theme_system: '跟随系统设置',
   com_nav_theme_dark: '暗色主题',
   com_nav_theme_light: '亮色主题',
+  com_nav_font_size: '字体大小:',
   com_nav_user_name_display: '在消息中显示用户名',
   com_nav_save_drafts: '保存草稿本地',
   com_nav_show_code: '使用代码解释器时始终显示代码',

client/src/localization/languages/ZhTraditional.ts

@@ -276,6 +276,7 @@ export default {
   com_nav_theme_system: '跟隨系統設定',
   com_nav_theme_dark: '深色',
   com_nav_theme_light: '淺色',
+  com_nav_font_size: '字體大小',
   com_nav_clear_all_chats: '清除所有對話',
   com_nav_confirm_clear: '確認清除',
   com_nav_close_sidebar: '關閉側邊選單',