Updated LoadingText to KCircularLoader KDS component (#5215)

* Updated LoadingText to KCircularLoader KDS component

* [pre-commit.ci lite] apply automatic fixes

---------

Co-authored-by: pre-commit-ci-lite[bot] <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>

Author: yeshwanth235

contentcuration/contentcuration/frontend/settings/pages/Storage/index.vue

@@ -47,7 +47,12 @@
         </KFixedGridItem>
       </template>
     </KFixedGrid>
-    <LoadingText v-else />
+    <div
+      v-else
+      class="circular-loader"
+    >
+      <KCircularLoader size="70" />
+    </div>
 
     <h2 ref="requestheader">
       {{ $tr('requestMoreSpaceHeading') }}
@@ -87,11 +92,10 @@
   import { fileSizeMixin, constantsTranslationMixin } from 'shared/mixins';
   import { ContentKindsList, ContentKindsNames } from 'shared/leUtils/ContentKinds';
   import theme from 'shared/vuetify/theme';
-  import LoadingText from 'shared/views/LoadingText';
 
   export default {
     name: 'Storage',
-    components: { LoadingText, RequestForm },
+    components: { RequestForm },
     mixins: [fileSizeMixin, constantsTranslationMixin],
     data() {
       return {
@@ -177,4 +181,8 @@
     }
   }
 
+  .circular-loader {
+    padding: 24px;
+  }
+
 </style>