fix: refine responsive dashboard filters

src/lib/components/AppShell.svelte

@@ -3,7 +3,6 @@
   import { page } from '$app/state';
   import ActivityIcon from '@lucide/svelte/icons/activity';
   import ArrowUpDownIcon from '@lucide/svelte/icons/arrow-up-down';
-  import BookOpenIcon from '@lucide/svelte/icons/book-open';
   import HandCoinsIcon from '@lucide/svelte/icons/hand-coins';
   import LogOutIcon from '@lucide/svelte/icons/log-out';
   import MenuIcon from '@lucide/svelte/icons/menu';
@@ -71,8 +70,10 @@
 <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="terminal-card">
-        <WalletCardsIcon class="size-5 shrink-0" />
+      <div
+        class="terminal-card group-data-[collapsible=icon]:size-11 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0"
+      >
+        <WalletCardsIcon class="size-5 shrink-0 group-data-[collapsible=icon]:size-[22px]" />
         <div class="min-w-0 group-data-[collapsible=icon]:hidden">
           <strong class="block truncate text-sm">{dashboard.session?.merchant.displayName}</strong>
           <span class="block truncate text-[11px] text-white/75">حساب تحلیل پذیرنده</span>
@@ -99,7 +100,7 @@
                 <Sidebar.MenuButton
                   isActive={isActive(item.href)}
                   tooltipContent={item.label}
-                  class="data-[active=true]:text-primary h-11 justify-start px-3 text-[13px]"
+                  class="data-[active=true]:text-primary h-11 justify-start px-3 text-[13px] group-data-[collapsible=icon]:size-11! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:[&_svg]:size-[21px]!"
                 >
                   {#snippet child({ props })}
                     <a
@@ -117,36 +118,15 @@
           </Sidebar.Menu>
         </Sidebar.GroupContent>
       </Sidebar.Group>
-      <Sidebar.Separator class="my-2" />
-      <Sidebar.Group>
-        <Sidebar.GroupContent>
-          <Sidebar.Menu>
-            <Sidebar.MenuItem>
-              <Sidebar.MenuButton
-                isActive={isActive('/methodology')}
-                tooltipContent="روش محاسبه"
-                class="data-[active=true]:text-primary h-11 justify-start px-3 text-[13px]"
-              >
-                {#snippet child({ props })}
-                  <a
-                    {...props}
-                    href={navUrl('/methodology')}
-                    aria-current={isActive('/methodology') ? 'page' : undefined}
-                  >
-                    <BookOpenIcon class="size-[19px]" strokeWidth={1.8} />
-                    <span>روش محاسبه</span>
-                  </a>
-                {/snippet}
-              </Sidebar.MenuButton>
-            </Sidebar.MenuItem>
-          </Sidebar.Menu>
-        </Sidebar.GroupContent>
-      </Sidebar.Group>
     </Sidebar.Content>
     <Sidebar.Footer class="border-sidebar-border border-t p-2">
       <Sidebar.Menu>
         <Sidebar.MenuItem>
-          <Sidebar.MenuButton tooltipContent="خروج" class="h-11 px-3" onclick={logout}>
+          <Sidebar.MenuButton
+            tooltipContent="خروج"
+            class="h-11 px-3 group-data-[collapsible=icon]:size-11! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0! group-data-[collapsible=icon]:[&_svg]:size-5!"
+            onclick={logout}
+          >
             <LogOutIcon class="size-[18px]" />
             <span>خروج از حساب</span>
           </Sidebar.MenuButton>