devfront UI 일관성 및 정렬 정책 적용

devfront/src/components/layout/AppLayout.tsx

@@ -197,7 +197,20 @@ function AppLayout() {
               ))}
             </div>
           </nav>
-          <div className="hidden space-y-2 px-5 pb-6 text-xs text-[var(--color-muted)] md:block">
+        </div>
+
+        <div>
+          <div className="px-3 pt-4 border-t border-border/50">
+            <button
+              type="button"
+              onClick={handleLogout}
+              className="w-full flex items-center gap-3 rounded-xl px-3 py-3 text-sm transition text-muted-foreground hover:bg-destructive/10 hover:text-destructive"
+            >
+              <LogOut size={18} />
+              <span>{t("ui.dev.nav.logout", "Logout")}</span>
+            </button>
+          </div>
+          <div className="hidden space-y-2 px-5 pb-6 pt-2 text-xs text-[var(--color-muted)] md:block">
             <p>{t("msg.dev.sidebar.notice", "개발자 전용 콘솔입니다.")}</p>
             <p>
               {t(
@@ -207,17 +220,6 @@ function AppLayout() {
             </p>
           </div>
         </div>
-
-        <div className="px-2 pb-6 md:px-3">
-          <button
-            type="button"
-            onClick={handleLogout}
-            className="flex w-full items-center gap-3 rounded-xl px-3 py-3 text-sm text-muted-foreground transition hover:bg-muted/10 hover:text-foreground"
-          >
-            <LogOut size={18} />
-            <span>{t("ui.dev.nav.logout", "Logout")}</span>
-          </button>
-        </div>
       </aside>
 
       <div className="relative">