Added media queries for responsiveness

[anton-loiko]

Problem

The search input and theme toggle button currently lack proper responsiveness on mobile devices. They do not scale well, leading to a suboptimal user experience on smaller screens.

Solution

Added responsiveness to the search input and theme toggle button to improve layout and usability on mobile devices. Adjusted CSS styles and media queries to ensure proper scaling and alignment across various screen sizes.

Changes Proposed

• 1. Added media queries to adjust the size and layout of the search input and theme toggle button for mobile devices.
• 2. Implemented flexbox styling for better alignment and scaling on smaller screens.
• 3. Adjusted padding, margins, and font sizes to improve visibility and usability of the elements on mobile devices.

Other Changes

• Refactored existing CSS for better maintainability.
• Updated some components' structure for enhanced separation of concerns.