feat: Banner 컴포넌트를 동적 임포트로 변경하고 useIsServer 훅 제거

Author: toothlessdev

mosu-app/src/features/banner/contexts/BannerProvider.tsx

@@ -1,6 +1,9 @@
+import dynamic from "next/dynamic";
 import { PropsWithChildren, createContext, useCallback, useContext, useMemo, useState } from "react";
 
-import { Banner } from "@/features/banner/ui/Banner";
+const Banner = dynamic(() => import("@/features/banner/ui/Banner").then((mod) => ({ default: mod.Banner })), {
+    ssr: false,
+});
 
 export interface BannerVisibility {
     isVisible: boolean;

mosu-app/src/features/banner/ui/Banner.tsx

@@ -5,17 +5,13 @@ import { createPortal } from "react-dom";
 import imgDiscount from "@/features/banner/assets/img-discount.png";
 import { useBannerVisibility } from "@/features/banner/contexts/BannerProvider";
 
-import { useIsServer } from "@/shared/hooks/useIsServer";
-
 export const BANNER_PORTAL_ID = "banner-container";
 export const BANNER_HEIGHT = 70;
 
 export const Banner = () => {
-    const isServer = useIsServer();
     const { isVisible, hideBanner } = useBannerVisibility();
 
     return (
-        !isServer &&
         isVisible &&
         createPortal(
             <section className="w-full bg-black" style={{ height: BANNER_HEIGHT }}>