매매 시그널 알림 수정

frontend/src/components/TopMenuBar.tsx

@@ -207,33 +207,44 @@ export const TopMenuBar = memo(function TopMenuBar({
 
       {/* 내비게이션 메뉴 */}
       <nav className="tmb-nav">
-        {visibleItems.map(({ page, label, icon }) => (
-          <button
-            key={page}
-            className={`tmb-nav-btn ${activePage === page ? 'tmb-nav-btn--active' : ''}`}
-            onClick={() => onPage(page)}
-          >
-            <span className="tmb-nav-icon">{icon}</span>
-            <span className="tmb-nav-label">{label}</span>
-          </button>
+        {visibleItems.map(({ page, label, icon }, index) => (
+          <React.Fragment key={page}>
+            {index > 0 && <span className="tmb-divider tmb-divider--nav" aria-hidden="true" />}
+            <button
+              type="button"
+              className={`tmb-nav-btn ${activePage === page ? 'tmb-nav-btn--active' : ''}`}
+              onClick={() => onPage(page)}
+            >
+              <span className="tmb-nav-icon">{icon}</span>
+              <span className="tmb-nav-label">{label}</span>
+            </button>
+          </React.Fragment>
         ))}
       </nav>
 
+      <span className="tmb-divider" aria-hidden="true" />
+
       {/* 우측 영역 */}
       <div className="tmb-right">
         {onOpenAppDownload && (
-          <button
-            type="button"
-            className="tmb-app-download-btn"
-            onClick={onOpenAppDownload}
-            title="GoldenChart 모바일 앱 다운로드"
-            aria-label="앱 다운로드"
-          >
-            <IcAppDownload />
-          </button>
+          <>
+            <button
+              type="button"
+              className="tmb-app-download-btn"
+              onClick={onOpenAppDownload}
+              title="GoldenChart 모바일 앱 다운로드"
+              aria-label="앱 다운로드"
+            >
+              <IcAppDownload />
+            </button>
+            {onOpenNotifications && showNotifications && (
+              <span className="tmb-divider" aria-hidden="true" />
+            )}
+          </>
         )}
         {onOpenNotifications && showNotifications && (
-          <div className="tmb-notify-group">
+          <>
+            <div className="tmb-notify-group">
             <button
               type="button"
               className={`tmb-notify-btn ${activePage === 'notifications' ? 'tmb-nav-btn--active' : ''}`}
@@ -272,11 +283,14 @@ export const TopMenuBar = memo(function TopMenuBar({
                 <IcDismissPopups />
               </button>
             )}
-          </div>
+            </div>
+            <span className="tmb-divider" aria-hidden="true" />
+          </>
         )}
 
         {/* 테마 토글 버튼 */}
         <button
+          type="button"
           className={`tmb-theme-btn tmb-theme-btn--${theme}`}
           onClick={onTheme}
           title={`테마 전환 (현재: ${tc.label}) → ${THEME_CONFIG[tc.next].label}`}
@@ -285,7 +299,7 @@ export const TopMenuBar = memo(function TopMenuBar({
           <span className="tmb-theme-label">{tc.label}</span>
         </button>
 
-        <div className="tmb-sep" />
+        <span className="tmb-divider" aria-hidden="true" />
 
         {authUser ? (
           <>