feat: refine deck layout and prefer account2 for Twitter research

src/features/decks/deck-page.tsx

@@ -159,26 +159,6 @@ export function DeckPage() {
             <Icon name="plus" />
             <span>カラムを追加</span>
           </button>
-          <nav className="sidebar-columns" aria-label="カラム一覧">
-            {deck.columns.map((column) => (
-              <button
-                key={column.id}
-                type="button"
-                title={column.title}
-                onClick={() => {
-                  const element = document.getElementById(`column-${column.id}`)
-                  element?.scrollIntoView({ block: 'nearest', inline: 'start' })
-                  element
-                    ?.closest('.deck-column')
-                    ?.querySelector<HTMLElement>('.deck-column-results')
-                    ?.focus({ preventScroll: true })
-                }}
-              >
-                <Icon name={column.source.kind} />
-                <span>{column.title}</span>
-              </button>
-            ))}
-          </nav>
           <p className="sidebar-note">
             {deck.persisted
               ? 'サーバーに保存・端末間で共有'

src/features/decks/decks.css

@@ -468,25 +468,6 @@
     padding: var(--space-xs);
   }
 }
-.sidebar-columns {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2xs);
-  min-height: 0;
-  overflow-y: auto;
-}
-.app-deck .sidebar-columns button {
-  flex-shrink: 0;
-  justify-content: flex-start;
-  width: 100%;
-  background: transparent;
-  border-color: transparent;
-}
-.sidebar-columns span {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
 .research-post header > div {
   flex: 1;
 }
@@ -506,8 +487,3 @@
 .column-menu-panel .danger {
   color: var(--error);
 }
-@media (max-width: 767px) {
-  .sidebar-columns {
-    display: none;
-  }
-}