Move search and drop down bars in settings prefrences

[Andreasgdp]

Short description of a problem or missing feature

Move the bars and fill out the space that is available to not have short bars. Also add x's to remove the labels underneath the bars.

Expected look

Current look with guidelines for new placement

[Toeffe3]

This is addressed in #76 commit e66bb9a
Specfic line in CSS 300px was previous 500px and impacted many components in simmalar fasion:

Mealplanr/app/src/components/selectionArea/SelectionArea.scss

Line 17 in daa6d17

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));