Put search first in navigation

e2e/integrations/reader.test.ts

@@ -152,10 +152,10 @@ test('keeps keyboard focus intentional and discovery or mutation controls absent
 }) => {
   await searchPage.goTo()
 
+  await searchPage.tabTo(searchPage.page.getByRole('link', { name: '検索' }))
   await searchPage.tabTo(
     searchPage.page.getByRole('link', { name: 'ユーザー' }),
   )
-  await searchPage.tabTo(searchPage.page.getByRole('link', { name: '検索' }))
   await searchPage.tabTo(searchPage.page.getByRole('link', { name: 'リスト' }))
   await searchPage.tabTo(searchPage.queryInputLocator)
   await expect(searchPage.latestRankingLocator).toBeChecked()

src/components/app-shell.tsx

@@ -12,9 +12,6 @@ export function AppShell({
       <header className="app-header">
         <p className="brand">Twitter Lite</p>
         <nav aria-label="閲覧方法" className="tabs">
-          <Link aria-current={active === 'user' ? 'page' : undefined} to="/">
-            ユーザー
-          </Link>
           <Link
             aria-current={active === 'search' ? 'page' : undefined}
             search={{ q: '', product: 'Latest', following: false }}
@@ -22,6 +19,9 @@ export function AppShell({
           >
             検索
           </Link>
+          <Link aria-current={active === 'user' ? 'page' : undefined} to="/">
+            ユーザー
+          </Link>
           <Link
             aria-current={active === 'list' ? 'page' : undefined}
             to="/i/lists"