Design search bar on all pages desktop/mobil

[martinheppner]

The search bar is working as it should at the moment. The design has to be adapted on desktop and mobil version to match the figma design (https://www.figma.com/file/qM4hoaxmGrrEEuTv4lL2lD/zuugle-redesign-2023-v3.0?type=design&node-id=0-1&t=g3UdMU8w26zmTY3s-0)

[Falsal]

pending issues after the push on 4th July:

1. the space below the search bar, too high, a decrease of 10% of the height.
2. the position of the serach bar should be matching the figma design, i.e. same level of search bar on the overlay with the search bar on the original search bar.
3. width of inout area inside the search fields.
4. Abbrechen cross does not remove the overlay
5. the GO button does not take me to next page Main

[Falsal]

The "Main.js" view (listing all tours)

1. check the dimensions on figma for the menubar (height of the bar)
2. No tours appear below the bar.

[Falsal]

pending issues after the push on 5th July:

1. position of the seach bar: almost done/ see attached screenshot
2. width of input area inside the search fields: pending

Main.js:

1. No tours appear below the bar. / need to retain the original FUNCTIONALITY before changes were made

[Falsal]

Pending after push of 6th June:

position of the seach bar: almost done/ see attached screenshot
width of input area inside the search fields: pending

[Falsal]

Functionality should be moved to another issue.

[Falsal]

I moved the functionality to #55 with myself FALSAL assigned to it.

[Falsal]

The design on the MOBILE is not done.

[Falsal]

Search bar design-wise was done on the detail page but the design of remaining items on the page broke, this took some work on consolidating the App.css file original with Basit created one. Now it design is done except for the last buttons of download that needs a CSS fix
After that just need to wire the search bar up with search functionality, that should be another ticket, I will create it now.

[martinheppner]

Searchbar on Desktop like defined on https://www.figma.com/proto/1PpoRQVVo1C59QnfODpNv1/zuugle-redesign-2023-v2.0?node-id=110-5679&starting-point-node-id=110%3A5679

Searchbar design on mobile (without the wizard like functionality): https://www.figma.com/proto/1PpoRQVVo1C59QnfODpNv1/zuugle-redesign-2023-v2.0?node-id=28-1001&starting-point-node-id=28%3A1001