대시보드 시스템 상태 신호등 가로 배치로 수정

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/DashboardPage.tsx

@@ -182,7 +182,8 @@ const DashboardPage: React.FC<Props> = ({ theme, onGoChart }) => {
 
             <section className="gc-dash-card">
               <h2 className="gc-dash-card-title">시스템 상태</h2>
-              <div className="gc-dash-card-inner gc-dash-sys-status">
+              <div className="gc-dash-card-inner">
+              <div className="gc-dash-sys-status">
                 {/* 전체 시스템 */}
                 <div className="gc-sys-tl-item">
                   <div className={`gc-traffic-light gc-traffic-light--${health}`} aria-label="시스템 상태">
@@ -242,6 +243,7 @@ const DashboardPage: React.FC<Props> = ({ theme, onGoChart }) => {
                   );
                 })()}
               </div>
+              </div>
             </section>
 
             <section className="gc-dash-card">

frontend/src/styles/dashboardCommand.css

@@ -326,13 +326,15 @@
   margin-top: 2px;
 }
 
-/* ── 시스템 상태 — 3열 신호등 ── */
+/* ── 시스템 상태 — 3열 신호등 (가로 배치) ── */
 .gc-dash-sys-status {
   display: flex;
+  flex-direction: row;
   align-items: flex-start;
   justify-content: space-around;
   gap: 8px;
   padding: 8px 4px;
+  width: 100%;
 }
 
 .gc-sys-tl-item {