refactor(OAuth): 시멘틱 태그그

app/oauth/OAuth.tsx

@@ -8,18 +8,18 @@ import { useLoginMutation } from "@/services/auth/auth.mutation";
 import * as styles from "./style.css";
 
 const OAuth = () => {
-  const { mutate } = useLoginMutation();
   const authCode = useSearchParams().get("code") || "";
+  const { mutate } = useLoginMutation();
 
   useEffect(() => {
     mutate(authCode);
   }, []);
 
   return (
-    <main className={styles.container}>
+    <div className={styles.container}>
       <MoonLoader size={40} color={theme.primary} />
       <span className={styles.loadingText}>로그인 중...</span>
-    </main>
+    </div>
   );
 };
 

app/oauth/page.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from "react";
 import { generateOpenGraph } from "@/utils";
 import OAuth from "./OAuth";
 
@@ -7,7 +8,11 @@ export const metadata = generateOpenGraph({
 });
 
 const Page = () => {
-  return <OAuth />;
+  return (
+    <Suspense>
+      <OAuth />
+    </Suspense>
+  );
 };
 
 export default Page;