feat: customize the LMS from dashboard (#304)

* Done with the customization of the LMS task

* generated custom_lms migration file

* updated the migration file

* copy improvements

* update wording

* made updates based on reviews,i hope i didnt miss anything

* updated the translations and migration files

* refactoring

* disabled improvements for apps

* more improvements

* more custom improvements

* pr refactoring

---------

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

apps/dashboard/src/routes/org/[slug]/settings/customize-lms/+page.svelte

@@ -0,0 +1,24 @@
+<script>
+  import CustomizeLMS from '$lib/components/Org/Settings/CustomizeLMS.svelte';
+  import { t } from '$lib/utils/functions/translations';
+  import { currentOrgPath } from '$lib/utils/store/org';
+</script>
+
+<svelte:head>
+  <title>Customize LMS - ClassroomIO</title>
+</svelte:head>
+
+<section class="w-full md:max-w-4xl mx-auto">
+  <div class="py-10 px-3 md:px-5">
+    <a class="text-gray-500 dark:text-white text-md" href={`${$currentOrgPath}/settings?tab=org`}
+      >{$t('upgrade.back')}</a
+    >
+    <div class="flex items-center justify-between mb-10">
+      <h1 class="dark:text-white text-3xl font-bold">
+        {$t('components.settings.customize_lms.title')}
+      </h1>
+    </div>
+
+    <CustomizeLMS />
+  </div>
+</section>

apps/dashboard/src/routes/org/[slug]/settings/domains/+page.svelte

@@ -1,5 +1,6 @@
 <script>
   import Domains from '$lib/components/Org/Settings/Domains.svelte';
+  import { t } from '$lib/utils/functions/translations';
   import { currentOrgPath } from '$lib/utils/store/org';
 </script>
 
@@ -10,10 +11,10 @@
 <section class="w-full md:max-w-4xl mx-auto">
   <div class="py-10 px-3 md:px-5">
     <a class="text-gray-500 dark:text-white text-md" href={`${$currentOrgPath}/settings?tab=org`}
-      >Back to Settings</a
+      >{$t('upgrade.back')}</a
     >
     <div class="flex items-center justify-between mb-10">
-      <h1 class="dark:text-white text-3xl font-bold">Custom domain</h1>
+      <h1 class="dark:text-white text-3xl font-bold">{$t('components.settings.domains.title')}</h1>
     </div>
 
     <Domains />