Resolve MIN-96 "Feature/ open drawer after search"

Description

In this PR I introduce functionality: When users triggers search query -> open drawer and show content

Things done

• Open drawer on search query start
• Display drugs drawer with loading indicator or number of drugs results depending on request status

Additional

• Introduced more general redux wrapper that allow you to mock initial state

src/shared/Accordion/AccordionItemButton/AccordionItemButton.component.tsx

-/* eslint-disable react/no-multi-comp */
-import { Icon } from '@/shared/Icon';
 import { AccordionItemButton as AIB } from 'react-accessible-accordion';
 import './AccordionItemButton.style.css';
+import { Variant } from './AccordionItemButton.types';
+import { getIcon } from './AccordionItemButton.utils';
 
-type Variant = 'expandable' | 'non-expandable';
 interface AccordionItemButtonProps {
   children: React.ReactNode;
   variant?: Variant;
 }
 
-const getIcon = (variant: Variant): JSX.Element => {
-  const variantsIcons: Record<Variant, JSX.Element> = {
-    expandable: <Icon name="chevron-down" className="arrow-button h-6 w-6 fill-font-500" />,
-    'non-expandable': <Icon name="chevron-right" className="h-6 w-6 fill-font-500" />,
-  };
-
-  return variantsIcons[variant];
-};
-
 export const AccordionItemButton = ({
   children,
   variant = 'expandable',
@@ -27,7 +17,6 @@ export const AccordionItemButton = ({
   return (
     <AIB className="accordion-button flex flex-row flex-nowrap justify-between">
       {children}
-      {/* <Icon name="chevron-down" className="arrow-button h-6 w-6 fill-font-500" /> */}
       {ButtonIcon}
     </AIB>
   );