feat: custom org brand color (#474)

* feat: add package

* feat: add a new color picker

* feat: integrate with supabase

* feat: add translation

* run translation script

* feat: hover state

* quick fix

* fix: requested PR fixes

* update lock

* ux improvements

* remove log

* cleanup and improve code

---------

Co-authored-by: Rotimi Best <[email protected]>

apps/dashboard/src/lib/utils/translations/de.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "Thema",
-          "sub_heading": "Legen Sie Ihre Markenfarbe fest"
+          "sub_heading": "Legen Sie Ihre Markenfarbe fest",
+          "custom_theme": "Benutzerdefiniertes Thema",
+          "add_theme": "Thema hinzufügen"
         },
         "customize_lms": {
           "heading": "LMS anpassen",

apps/dashboard/src/lib/utils/translations/en.json

@@ -99,7 +99,9 @@
         "update_organization": "Update Organization",
         "theme": {
           "heading": "Theme",
-          "sub_heading": "Set your brand color"
+          "sub_heading": "Set your brand color",
+          "custom_theme": "Custom Theme",
+          "add_theme": "Add Theme"
         },
         "customize_lms": {
           "heading": "Customize LMS",

apps/dashboard/src/lib/utils/translations/es.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "Tema",
-          "sub_heading": "Establece el color de tu marca"
+          "sub_heading": "Establece el color de tu marca",
+          "custom_theme": "Tema personalizado",
+          "add_theme": "Agregar tema"
         },
         "customize_lms": {
           "heading": "Personalizar LMS",

apps/dashboard/src/lib/utils/translations/fr.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "Thème",
-          "sub_heading": "Définissez la couleur de votre marque"
+          "sub_heading": "Définissez la couleur de votre marque",
+          "custom_theme": "Thème personnalisé",
+          "add_theme": "Ajouter un thème"
         },
         "customize_lms": {
           "heading": "Personnaliser le LMS",

apps/dashboard/src/lib/utils/translations/hi.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "विषय",
-          "sub_heading": "अपना ब्रांड रंग सेट करें"
+          "sub_heading": "अपना ब्रांड रंग सेट करें",
+          "custom_theme": "कस्टम थीम",
+          "add_theme": "थीम जोड़ें"
         },
         "customize_lms": {
           "heading": "एलएमएस को अनुकूलित करें",

apps/dashboard/src/lib/utils/translations/pt.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "Tema",
-          "sub_heading": "Defina a cor da sua marca"
+          "sub_heading": "Defina a cor da sua marca",
+          "custom_theme": "Tema personalizado",
+          "add_theme": "Adicionar tema"
         },
         "customize_lms": {
           "heading": "Personalizar LMS",

apps/dashboard/src/lib/utils/translations/ru.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "Тема",
-          "sub_heading": "Установите цвет вашего бренда"
+          "sub_heading": "Установите цвет вашего бренда",
+          "custom_theme": "Пользовательская тема",
+          "add_theme": "Добавить тему"
         },
         "customize_lms": {
           "heading": "Настроить систему управления обучением",

apps/dashboard/src/lib/utils/translations/vi.json

@@ -1245,7 +1245,9 @@
         },
         "theme": {
           "heading": "chủ đề",
-          "sub_heading": "Đặt màu thương hiệu của bạn"
+          "sub_heading": "Đặt màu thương hiệu của bạn",
+          "custom_theme": "Chủ đề tùy chỉnh",
+          "add_theme": "Thêm chủ đề"
         },
         "customize_lms": {
           "heading": "Tùy chỉnh LMS",