eeprom 에 광고가 표시되지 않는 현상 수정

App.tsx

@@ -19,7 +19,7 @@ const AdSenseBanner: React.FC = () => {
   }, []);
 
   return (
-    <div className="w-full max-w-lg mt-4">
+    <div className="w-full max-w-lg">
       {/* AppLeftSizeBox */}
       <ins className="adsbygoogle"
         style={{ display: "block" }}
@@ -160,7 +160,7 @@ const App: React.FC = () => {
           <span className="ml-3 font-bold text-xl hidden lg:block tracking-tight text-gray-800">JBD Tool</span>
         </div>
 
-        <nav className="flex lg:flex-1 flex-row lg:flex-col gap-2 lg:space-y-2 lg:mt-4 lg:px-4">
+        <nav className="flex flex-row lg:flex-col gap-2 lg:space-y-2 lg:mt-4 lg:px-4">
           <button
             onClick={() => setActiveTab('dashboard')}
             className={`flex items-center p-2 lg:p-3 rounded-xl transition-all ${activeTab === 'dashboard'
@@ -183,11 +183,15 @@ const App: React.FC = () => {
           </button>
         </nav>
 
-        <div className="hidden lg:flex p-4 border-t border-gray-200 flex-col">
+        {/* Sponsor Section */}
-          {/* AdSense Area - Expanded */}
+        <div className="hidden lg:block px-6 mt-8 w-full">
+          <div className="h-px w-full bg-gray-200 mb-4"></div>
+          <h3 className="text-xs font-bold text-gray-400 uppercase tracking-wider mb-3">Sponsor</h3>
+          <div className="min-h-[250px] bg-gray-50 rounded-lg flex flex-col items-center justify-center border border-gray-100 overflow-hidden">
             <AdSenseBanner key={activeTab} />
           </div>
         </div>
+      </div>
 
       {/* Main Content Area */}
       <div className="flex-1 flex flex-col h-full overflow-hidden relative">