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/lib/components/IconButton/index.svelte

@@ -31,11 +31,11 @@
 
 <ToolTip
   title={toolTipProps.title}
-  hotkeys={toolTipProps.hotkeys}
+  hotkeys={disabled ? [] : toolTipProps.hotkeys}
   direction={toolTipProps.direction}
 >
   <button
-    class="root {color} {selected && 'active'} {size} {contained &&
+    class="root {color} {selected && 'active'} {disabled && 'disabled'} {size} {contained &&
       'contained dark:bg-neutral-700'} {buttonClassName}"
     {disabled}
     {type}
@@ -65,6 +65,11 @@
     -webkit-tap-highlight-color: transparent;
     width: fit-content;
 
+    &.disabled {
+      cursor: not-allowed;
+      color: rgba(0, 0, 0, 0.07);
+    }
+
     &:hover {
       background-color: rgba(0, 0, 0, 0.04);
     }