CLASSROOMIO-T-6: Dashboard, courses page and other tabs

src/components/PrimaryButton/index.svelte

@@ -12,14 +12,13 @@
   export let isDisabled = false;
   export let isLoading = false;
 
-  $: variant = isLoading ? VARIANTS.OUTLINED : variant;
   $: isDisabled = isLoading ? true : false;
 </script>
 
 <button
   class="{isDisabled &&
     'bg-opacity-25 hover:bg-opacity-25 cursor-not-allowed'} flex items-center h-auto {VARIANTS_CLASS[
-    variant
+    isLoading ? VARIANTS.OUTLINED : variant
   ]} {!disablePadding &&
     'py-1 px-5'} rounded-none {className} py-3 w-fit justify-center sm:w-auto {isLoading &&
     'py-3 border-blue-700'} hover:shadow-xl transition delay-150 duration-300 ease-in-out"