Refine rail drawer switching and toggle animations

src/web/features/instructions/InstructionsFeature.tsx

@@ -232,23 +232,26 @@ export type InstructionsFeature = ReturnType<typeof useInstructionsFeature>;
 
 export function InstructionsToggle({
   feature,
+  open,
   onToggle,
 }: {
   feature: InstructionsFeature;
+  open: boolean;
   onToggle: () => void;
 }) {
   return <RailAction
     buttonRef={feature.toggleRef}
     className="client-instructions-toggle"
-    open={feature.isOpen}
+    open={open}
     controls="client-instructions"
-    ariaLabel={feature.isOpen ? 'Закрыть инструкции' : 'Как использовать'}
+    ariaLabel={open ? 'Закрыть инструкции' : 'Как использовать'}
     label="Как использовать"
     onClick={onToggle}
   >
     <svg viewBox="0 0 24 24" aria-hidden="true">
-      <circle className="client-rail-info-ring" cx="12" cy="12" r="8.5" pathLength="1" />
-      <path d="M12 11v5M12 8h.01" />
+      <path className="client-rail-book-page is-left" d="M12 7.5C10.2 6.1 7.7 5.7 5 6v11c2.8-.3 5.2.3 7 1.7z" />
+      <path className="client-rail-book-page is-right" d="M12 7.5c1.8-1.4 4.3-1.8 7-1.5v11c-2.8-.3-5.2.3-7 1.7z" />
+      <path className="client-rail-book-spine" d="M12 7.5v11.2" />
     </svg>
   </RailAction>;
 }