CLASSROOMIO-T-190: Improve template experience

src/lib/components/Course/components/Lesson/Exercises/NewExerciseModal.svelte

@@ -21,8 +21,8 @@
     AI = 2
   }
 
-  let step = 1;
-  let type: Type = Type.TEMPLATE;
+  let step = 0;
+  let type: Type = Type.SCRATCH;
 
   const options = [
     {
@@ -132,8 +132,7 @@
           <div class="mb-5 flex items-center gap-2">
             {#each tags as tag}
               <Tag
-                type={selectedTag === tag ? undefined : 'outline'}
-                class={selectedTag === tag ? 'bg-primary-500 text-white dark:text-black' : ''}
+                type={selectedTag === tag ? 'cool-gray' : 'outline'}
                 interactive
                 on:click={() => {
                   selectedTag = tag;

src/lib/components/Modal/index.svelte

@@ -36,9 +36,9 @@
       role="presentation"
     >
       <div class="flex items-center justify-between mb-4">
-        <h3 class="dark:text-white text-md font-medium m-0">
+        <p class="dark:text-white text-md font-medium m-0">
           {modalHeading}
-        </h3>
+        </p>
         <div class="rounded-full">
           <CloseButton onClick={onClose} contained={true} size="small" />
         </div>