feat: include image cropper (#617)

* fix: include image cropper

* clean styles

* ui improvements

* bug bot feedbacks

* fix: update image upload format to PNG for consistency with cropping output

---------

Co-authored-by: Rotimi Best <best@classroomio.com>

apps/dashboard/src/lib/features/course/pages/newsfeed.svelte

@@ -250,7 +250,7 @@
     />
   </RoleBasedSecurity>
   {#if isLoading}
-    <div>
+    <div class="flex w-full flex-col items-center">
       <NewsFeedLoader />
       <NewsFeedLoader />
       <NewsFeedLoader />
@@ -260,8 +260,7 @@
       title={$t('course.navItem.news_feed.body_header')}
       description={$t('course.navItem.news_feed.body_content')}
       icon={BookIcon}
-      class="h-full"
-    ></Empty>
+    />
   {:else}
     {#each $newsFeed as feed}
       {#if feed.isPinned}
@@ -286,4 +285,3 @@
     {/each}
   {/if}
 </RoleBasedSecurity>
-