feat: search drawer stepper (MIN-97)

Objective:

Add a search drawer wrapper that is used to change the component according to the current step and value type in the drawer.

What has been done:

• Added SearchComponentWrapper with tests

src/components/FunctionalArea/NavBar/NavBar.component.tsx

-import Image from 'next/image';
-import { IconButton } from '@/shared/IconButton';
 import logoImg from '@/assets/images/logo.png';
 import luxembourgLogoImg from '@/assets/images/luxembourg-logo.png';
-import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
+import type { DrawerPayload } from '@/redux/drawer/drawer.reducers';
 import { openDrawer } from '@/redux/drawer/drawer.slice';
+import { useAppDispatch } from '@/redux/hooks/useAppDispatch';
+import { IconButton } from '@/shared/IconButton';
+import Image from 'next/image';
 
 export const NavBar = (): JSX.Element => {
   const dispatch = useAppDispatch();
 
+  const drawerData: Omit<DrawerPayload, 'drawerName'> = {
+    currentStep: 0,
+    selectedValue: {
+      name: '',
+      valueType: 'none',
+    },
+  };
+
   const openDrawerInfo = (): void => {
-    dispatch(openDrawer('project-info'));
+    dispatch(openDrawer({ drawerName: 'project-info', ...drawerData }));
   };
 
   const openDrawerPlugins = (): void => {
-    dispatch(openDrawer('plugins'));
+    dispatch(openDrawer({ drawerName: 'plugins', ...drawerData }));
   };
 
   const openDrawerExport = (): void => {
-    dispatch(openDrawer('export'));
+    dispatch(openDrawer({ drawerName: 'export', ...drawerData }));
   };
 
   const openDrawerLegend = (): void => {
-    dispatch(openDrawer('legend'));
+    dispatch(openDrawer({ drawerName: 'legend', ...drawerData }));
   };
 
   return (