[fix] resolve style and hydration

src/app/layout.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from 'next';
 import localFont from 'next/font/local';
-// import { Montserrat } from 'next/font/google';
 import './variables.css';
 import './reset.css';
 
@@ -11,12 +10,6 @@ const pretendard = localFont({
   variable: '--font-pretendard',
 });
 
-// export const montserrat = Montserrat({
-//   display: 'swap',
-//   subsets: ['latin'],
-//   variable: '--font-montserrat',
-// });
-
 export const metadata: Metadata = {
   title: 'Taskify',
   description: 'Task management application',

src/app/reset.css

@@ -5,13 +5,9 @@
   box-sizing: border-box;
 }
 
-html,
-body {
-  min-height: 100vh;
-}
-
 body {
   font-family: var(--font-pretendard), sans-serif;
+  height: 100vh;
 }
 
 ul,

src/components/ImageWrapper.tsx

@@ -4,14 +4,14 @@ import styles from './ImageWrapper.module.css';
 interface Props {
   src: string;
   alt: string;
-  className?: string;
+  className: string;
   priority?: boolean;
 }
 
 export default function ImageWrapper({ src, alt, className, priority }: Props) {
   return (
     <div className={`${styles.imgWrapper} ${className}`}>
-      <Image src={src} alt={alt} fill priority={priority} />
+      <Image src={src} alt={alt} fill priority={priority || false} />
     </div>
   );
 }

src/components/landing/Header/Header.tsx

@@ -5,9 +5,11 @@ import styles from './Header.module.css';
 export default function Header() {
   return (
     <header className={styles.header}>
-      <Link href="/" aria-label="홈으로 이동">
-        <CustomLogo className={styles.logo} />
-      </Link>
+      <div>
+        <Link href="/" aria-label="홈으로 이동">
+          <CustomLogo className={styles.logo} />
+        </Link>
+      </div>
       <nav className={styles.nav}>
         <Link href="/login" className={styles.navLink}>
           로그인

src/components/landing/Section/HeroSection.module.css

@@ -29,7 +29,6 @@
 }
 
 .homeBrand {
-  font-family: var(--font-montserrat);
   font-size: 90px;
   font-weight: 700;
   color: var(--violet);
@@ -38,9 +37,9 @@
 }
 
 .homeLoginBtn {
-  display: inline-flex;
-  flex-shrink: 0;
+  display: flex;
   align-items: center;
+  width: 280px;
   height: 54px;
   padding: 9px 101px;
   border-radius: 8px;

src/components/landing/Section/HeroSection.tsx

@@ -15,7 +15,7 @@ export default function HeroSection() {
         <div className={styles.homeTitle}>새로운 일정관리</div>
         <div className={styles.homeBrand}>Taskify</div>
       </div>
-      <Link href="/login" className={styles.homeLoginBtn}>
+      <Link role="button" href="/login" className={styles.homeLoginBtn}>
         로그인하기
       </Link>
     </section>

src/components/landing/layout.module.css

@@ -1,5 +1,4 @@
 .page {
-  height: 100%;
   background-color: black;
   color: white;
 }