test(fixed broken test): getting select by correct query

src/components/FunctionalArea/TopBar/SearchBar/SearchBar.component.test.tsx

@@ -7,7 +7,7 @@ describe('SearchBar - component', () => {
   it('should let user type text', () => {
     renderComponent();
 
-    const input = screen.getByRole('input', { name: 'search-input' });
+    const input = screen.getByTestId('search-input');
     fireEvent.change(input, { target: { value: 'test value' } });
 
     expect(screen.getByDisplayValue('test value')).toBeInTheDocument();

src/components/FunctionalArea/TopBar/SearchBar/SearchBar.component.tsx

@@ -15,6 +15,7 @@ export const SearchBar = (): JSX.Element => {
         value={searchValue}
         name="search-input"
         aria-label="search-input"
+        data-testid="search-input"
         onChange={onSearchChange}
         className="bg-cultured r-[64px] w-72 rounded-[64px] py-2.5 px-4 text-xs outline-none border border-transparent focus:border-greyscale-600 hover:border-greyscale-600  font-medium text-font-400"
       />