build: format the code with prettier

src/components/Loading.tsx

@@ -1,8 +1,9 @@
-import { FC, useState, useEffect, memo } from "react";
-import clsx from "clsx";
+import { FC, memo, useEffect, useState } from "react";
 import { Ring } from "@uiball/loaders";
-import Button from "./styled/Button";
+import clsx from "clsx";
+
 import useLogout from "@/hooks/useLogout";
+import Button from "./styled/Button";
 
 interface Props {
   reload?: boolean;
@@ -22,7 +23,6 @@ const Loading: FC<Props> = ({ reload = false, fullscreen = false }) => {
       inter = window.setTimeout(() => {
         setReloadVisible(true);
       }, 30 * 1000);
-
     }
     return () => {
       clearTimeout(inter);
@@ -30,9 +30,17 @@ const Loading: FC<Props> = ({ reload = false, fullscreen = false }) => {
   }, [reload]);
 
   return (
-    <div className={clsx("w-full h-full flex-center flex-col gap-4 dark:bg-gray-800/80", fullscreen ? "w-screen h-screen" : "")}>
+    <div
+      className={clsx(
+        "w-full h-full flex-center flex-col gap-4 dark:bg-gray-800/80",
+        fullscreen ? "w-screen h-screen" : ""
+      )}
+    >
       <Ring size={40} lineWeight={5} speed={2} color="black" />
-      <Button className={clsx(`danger`, reloadVisible ? "visible" : "invisible")} onClick={handleReload}>
+      <Button
+        className={clsx(`danger`, reloadVisible ? "visible" : "invisible")}
+        onClick={handleReload}
+      >
         Reload
       </Button>
     </div>