Fix inconsistent sidebar toolbar button order when navigating to Browse page

[Copilot]

The "Content" filter toolbar button appeared in different positions depending on navigation history: first when loading /all fresh, but last when navigating from a collection page (e.g. /all/videos) to /all/all within the same SPA session.

Root cause

MobileSidebarPanel registers itself with MobileSidebarToolbar in OnInitialized, which appends to _panels. The "Content" panel is conditional (@if (ShowContentTypeFilter)), so when navigating from a non-Browse page (panel absent) to Browse (panel should be first), it registers after Search/Date/Tags — ending up rightmost instead of leftmost.

Fix

Added @key="@ShowContentTypeFilter" to MobileSidebarToolbar in SectionCollection.razor. When ShowContentTypeFilter changes, Blazor destroys and recreates the toolbar, causing all panels to re-register in template declaration order.

<MobileSidebarToolbar @key="@ShowContentTypeFilter">
    @if (ShowContentTypeFilter)
    {
        <MobileSidebarPanel Label="Content" Icon="filter" ...>
        ...
    }
    <MobileSidebarPanel Label="Search" ...>
    <MobileSidebarPanel Label="Date" ...>
    <MobileSidebarPanel Label="Tags" ...>
</MobileSidebarToolbar>

Changes

• SectionCollection.razor — add @key="@ShowContentTypeFilter" to MobileSidebarToolbar
• SectionCollectionTests.cs — regression tests: fresh Browse render has Content first; navigating collection → Browse keeps Content first
• docs/page-structure.md — document the conditional "Content / filter" panel in the SectionCollection panel table

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Order of sidebar buttons inconsistent on mobile</issue_title>
<issue_description>Maybe also on desktop. When I go to /all the content filter button is the most left one in the toolbar on my mobile, but when I go to /all/all then it's all the way on the right</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Order of sidebar buttons inconsistent on mobile #282

---

⚡ Quickly spin up Copilot coding agent tasks from anywhere on your macOS or Windows machine with Raycast.

[github-actions]

✅ PR Preview Environment Removed

The preview environment for this pull request has been removed.