spin color

ui/src/index.css

@@ -126,3 +126,7 @@ h5 {
 .ant-menu-submenu-popup .ant-menu-vertical {
 	max-height: 300px !important;
 }
+
+.ant-spin-dot-item {
+	background-color: rgba(0, 0, 0, 0.8) !important;
+}

ui/src/pages/Info/Mimetype/components/MimeSearchResult.tsx → ui/src/pages/Information/Mimetype/components/MimeSearchResult.tsx

@@ -1,10 +1,10 @@
 import { Card, Table } from "antd";
 import React from "react";
 import MimeSearch from "./SearchBar";
-import { MIME_COLUMNS } from "pages/Info/Mimetype/utils/constants";
-import { MimeSearchResultPropsType } from "pages/Info/Mimetype/utils/types";
+import { MIME_COLUMNS } from "pages/Information/Mimetype/utils/constants";
+import { MimeSearchResultPropsType } from "pages/Information/Mimetype/utils/types";
 import { useSearchParams } from "react-router-dom";
-import { filteredMimeType } from "pages/Info/Mimetype/utils/helper";
+import { filteredMimeType } from "pages/Information/Mimetype/utils/helper";
 
 const MimeSearchResult: React.FC<MimeSearchResultPropsType> = ({
 	data,

ui/src/pages/Info/Mimetype/index.tsx → ui/src/pages/Information/Mimetype/index.tsx

@@ -6,9 +6,7 @@ import MimeSearchResult from "./components/MimeSearchResult";
 const Mimetype: React.FC = () => {
 	const { data, isError, isLoading } = useFetchList(MIME_KEY, MIME_URL);
 
-	return (
-		<MimeSearchResult isError={isError} isLoading={isLoading} data={data} />
-	);
+	return <MimeSearchResult isError={isError} isLoading={true} data={data} />;
 };
 
 export default Mimetype;

ui/src/pages/pages.ts

@@ -45,7 +45,7 @@ const TableOfContent = lazy(() => import("pages/Markdown/TableOfContent"));
 
 const TextEditor = lazy(() => import("pages/Text/TextEditor"));
 
-const Mimetype = lazy(() => import("pages/Info/Mimetype"));
+const Mimetype = lazy(() => import("pages/Information/Mimetype"));
 
 export {
 	About,