[FIX]: Refactor missing style for text in loader

Author: JinSSJ3

src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss

@@ -158,6 +158,9 @@
     -webkit-line-clamp: 2; /* number of lines to show */
     line-clamp: 2;
     -webkit-box-orient: vertical;
+   /*  display: flex;
+    align-items: center;
+    justify-content: center; */
     &.dark-mode {
       color: rgba(255, 255, 255, 0.7);
     }

src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss

@@ -1,26 +1,5 @@
-.circle_loader {
-  fill: none;
-  stroke: #14ff00;
-  stroke-width: 8px;
-  transform-origin: center;
-  transform: rotate(-90deg);
-  /*  width: 100px; */
-}
-
-.dui_svg_circle_loader {
-  /* border: 1px solid #14ff00; */
-  fill: rgba(0, 0, 0, 0.21);
-  border-radius: 50%;
-  &:hover {
-    fill: rgba(0, 0, 0, 0.61);
-  }
-}
-
-.dui-text-loader {
-  /* dominant-baseline: middle;
-     */
+text.files-ui-text-dynamic-loader {
   text-anchor: middle;
   font-size: 1em;
-  //font-family: Arial;
-  //fill: aliceblue;
-}
+  fill: aliceblue;
+}

src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx

@@ -3,7 +3,7 @@ import { Clear } from "../../icons";
 import { parseSize } from "../../icons/utils/utils";
 import LoaderContainer from "../LoaderContainer/LoaderContainer";
 import { DynamicLoaderProps } from "./DynamicLoaderProps";
-
+import "./DynamicLoader.scss";
 const DynamicLoader: React.FC<DynamicLoaderProps> = (
   props: DynamicLoaderProps
 ) => {
@@ -102,7 +102,7 @@ const DynamicLoader: React.FC<DynamicLoaderProps> = (
 
             {!hidePerncentage && percentage !== undefined && (
               <text
-                className="dui-text-dynamic-loader"
+                className="files-ui-text-dynamic-loader"
                 x={`${finalX}`}
                 y={`${(finalX * 7) / 6}`}
               >