feat: add refresh button to generate new course slug. (#65)

* Added Button to generate new slug.

* Resolved changes required.

* Update.

apps/dashboard/src/lib/components/Course/components/Settings/index.svelte

@@ -22,6 +22,10 @@
   import UploadWidget from '$lib/components/UploadWidget/index.svelte';
   import { handleOpenWidget } from '$lib/components/CourseLandingPage/store';
 
+  import { Restart  } from 'carbon-icons-svelte';
+  import IconButton from '$lib/components/IconButton/index.svelte';
+  import generateSlug from '$lib/utils/functions/generateSlug';
+
   let isSaving = false;
   let isLoading = false;
   let isDeleting = false;
@@ -137,7 +141,8 @@
           grading: grading,
           lessonDownload: lesson_download,
           allowNewStudent: allow_new_students
-        }
+        },
+        slug: $course.slug
       });
 
       $course.title = course_title;
@@ -169,11 +174,15 @@
         grading: !!course.metadata.grading,
         lesson_download: !!course.metadata.lessonDownload,
         is_published: !!course.is_published,
-        allow_new_students: course.metadata.allowNewStudent
+        allow_new_students: course.metadata.allowNewStudent,
       };
     }
   }
 
+  const generateNewCourseLink = () => {
+    $course.slug = generateSlug($course.title);
+  }
+
   $: $settings.course_description = $course.description;
   $: $settings.course_title = $course.title;
 
@@ -239,7 +248,12 @@
         errorMessage={errors.description}
       />
       <div class="">
-        <p class="text-md">Course Link</p>
+        <p class="text-md flex items-center gap-2 mb-2">
+          Course Link
+          <IconButton contained={true} size="small" onClick={generateNewCourseLink}>
+            <Restart size={16} />
+          </IconButton>
+        </p>
         {#if $course.slug}
           <CodeSnippet wrapText type="multi" code={`${$currentOrgDomain}/course/${$course.slug}`} />
         {:else}