Gnb와 로그인 버튼 겹치는 문제 수정

Author: suld2495

src/app/(auth)/login/page.tsx

@@ -3,7 +3,7 @@ import Image from 'next/image';
 import LoginForm from '@/components/auth/LoginForm';
 
 const Login = () => (
-  <div className="login h-dvh flex justify-center">
+  <div className="login h-dvh flex justify-center z-[100]">
     <div className="flex flex-col text-center flex-1">
       <h1 className="py-[22.5px] border-b mb-[40px] border-b-gray-200 font-semibold text-gray-900">
         로그인

src/layout/navigation/Gnb.tsx

@@ -1,8 +1,20 @@
 import Link from 'next/link';
 
+import { getUser } from '@/lib/auth';
+
 import '@/styles/global.css';
 
-const Gnb = () => {
+const Gnb = async () => {
+  try {
+    const user = await getUser();
+
+    if (!user) {
+      return null;
+    }
+  } catch {
+    return null;
+  }
+
   return (
     <nav className="fixed z-5 bottom-0 max-w-[780px] w-full before:content-[''] before:w-full before:h-[130px] before:absolute before:bottom-0 before:left-0 before:bg-gradient-to-t from-white to-transparent">
       <ul className="relative z-10 flex pt-[8px] pb-[24px] bg-white rounded-[20px_20px_0_0] shadow-[0_-4px_16px_0_#0000000D]">