feat: show mark as complete only for students

apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte

@@ -298,22 +298,24 @@
       className="overflow-x-hidden"
     >
       <Materials lessonId={data.lessonId} {mode} {prevMode} {toggleMode} bind:isSaving />
-      <div class="w-full hidden lg:flex flex-row-reverse mt-10">
+      {#if isStudent}
-        <PrimaryButton
+        <div class="w-full hidden lg:flex flex-row-reverse mt-10">
-          onClick={() => markLessonComplete(data.lessonId)}
+          <PrimaryButton
-          isLoading={isMarkingComplete}
+            onClick={() => markLessonComplete(data.lessonId)}
-          isDisabled={isMarkingComplete}
+            isLoading={isMarkingComplete}
-          variant={VARIANTS.OUTLINED}
+            isDisabled={isMarkingComplete}
-          className="mt-10"
+            variant={VARIANTS.OUTLINED}
-        >
+            className="mt-10"
-          {#if isLessonComplete}
+          >
-            <CheckmarkFilledIcon size={24} class="carbon-icon text-primary-600 mr-2" />
+            {#if isLessonComplete}
-          {:else}
+              <CheckmarkFilledIcon size={24} class="carbon-icon text-primary-600 mr-2" />
-            <CheckmarkOutlineIcon size={24} class="carbon-icon mr-2" />
+            {:else}
-          {/if}
+              <CheckmarkOutlineIcon size={24} class="carbon-icon mr-2" />
-          Mark as {isLessonComplete ? 'Incomplete' : 'Complete'}
+            {/if}
-        </PrimaryButton>
+            Mark as {isLessonComplete ? 'Incomplete' : 'Complete'}
-      </div>
+          </PrimaryButton>
+        </div>
+      {/if}
     </PageBody>
   {/if}