Merge branch 'main' of https://gitlab.com/thenextgreat/classroomio into CLASSROOMIO-T-168

src/lib/components/Course/components/Ceritficate/Design.svelte

@@ -44,7 +44,7 @@
   />
 </svelte:head>
 
-<main class="md:-ml-4 md:-mr-4 px-2">
+<main class="md:-ml-3 md:-mr-3 px-2">
   <div class="flex-1 flex flex-col lg:flex-row justify-between gap-3 w-full mb-3 h-4/5">
     <section class="w-full lg:w-2/5 h-full">
       <strong class="my-2 text-base font-semibold text-black dark:text-gray-100"
@@ -55,7 +55,7 @@
         {#each themes as theme}
           <div class="flex mr-3">
             <RadioButton value={theme} />
-            <img src={`/${theme}.svg`} alt="themes" />
+            <img src={`/${theme}.png`} alt="themes" class="w-[110px] h-[82px]" />
           </div>
         {/each}
       </RadioButtonGroup>

src/lib/components/Course/components/Ceritficate/StudentCertificate/LockedCertificate.svelte

@@ -4,7 +4,7 @@
 
 <Box>
   <div class="flex flex-col items-center justify-center w-max h-full gap-2">
-    <img src="/professional.svg" alt="Certificate" />
+    <img src="/professional.png" alt="Certificate" />
     <p class="text-xl font-normal text-center">Certificates not available</p>
     <p class="text-sm font-normal text-center">
       Your instructor needs to unlock your certificate. <br /> If you need your certificate, please contact

src/lib/components/Course/components/Ceritficate/StudentCertificate/UnlockedCertificate.svelte

@@ -42,7 +42,7 @@
 
 <Box>
   <div class="flex flex-col items-center justify-center w-max h-full gap-5">
-    <img src="/professional.svg" alt="Certificate" />
+    <img src="/professional.png" alt="Certificate" />
     <p class="text-xl font-normal text-center">Certificate is now available</p>
     <PrimaryButton
       label="DownLoad Certificate"