fix: refine mobile navbar branding

src/lib/components/AppShell.svelte

@@ -73,6 +73,9 @@
 <Sidebar.Provider class="dashboard-shell" style="--sidebar-width: 16rem; --sidebar-width-icon: 4.5rem;">
   <Sidebar.Root side="right" collapsible="icon" class="top-14 h-[calc(100svh-3.5rem)] border-l">
     <Sidebar.Header class="border-sidebar-border gap-2 border-b p-2.5">
+      <div class="flex min-h-11 items-center justify-center md:hidden">
+        <BrandLogo />
+      </div>
       <div
         class="terminal-card group-data-[collapsible=icon]:size-11 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0"
       >
@@ -82,7 +85,7 @@
           <span class="text-primary-foreground/70 block truncate text-[11px]">حساب تحلیل پذیرنده</span>
         </div>
       </div>
-      <div class="hidden group-data-[collapsible=icon]:hidden md:block">
+      <div class="group-data-[collapsible=icon]:hidden">
         <label class="text-muted-foreground mb-1 block text-[11px]" for="sidebar-terminal-select"
           >درگاه فعال گزارش</label
         >
@@ -145,17 +148,10 @@
     <div class="flex w-full items-center justify-between">
       <div class="flex items-center gap-2">
         <Sidebar.Trigger class="size-11" aria-label="باز و بسته کردن منو"><MenuIcon /></Sidebar.Trigger>
+        <span class="sm:hidden"><BrandLogo compact /></span>
         <span class="hidden sm:block"><BrandLogo /></span>
       </div>
       <div class="flex items-center gap-1">
-        <label class="sr-only" for="mobile-terminal-select">درگاه فعال گزارش</label>
-        <TerminalSelect
-          id="mobile-terminal-select"
-          value={page.url.searchParams.get('terminal') ?? 'all'}
-          terminals={dashboard.terminals}
-          onValueChange={terminalChanged}
-          mobile
-        />
         <Button variant="ghost" size="icon" class="size-11" onclick={toggleTheme} aria-label="تغییر پوسته">
           {#if dark}<SunIcon />{:else}<MoonIcon />{/if}
         </Button>