Issue: Lack of Mobile View Support for User Interface

### Description:
The current User interface does not provide support for mobile view.

### Expected Behavior:
- The interface should be responsive and provide an optimal viewing experience on all devices, including mobile phones and tablets.
- Elements should scale and adjust their layout dynamically based on the screen size.
- The mobile version should follow best practices for mobile-friendly design, such as touch-friendly controls and clear, readable text.

### Proposed Solution:
1. **Review and Refactor CSS**: Update the CSS stylesheets or implement a responsive design framework (like Bootstrap or Tailwind CSS) to ensure that the interface adapts to different screen sizes.
2. **Use Media Queries**: Add CSS media queries to detect screen sizes and adjust the layout accordingly for mobile devices.
3. **Test on Multiple Devices**: Test the layout on various mobile devices with different screen resolutions to ensure compatibility.
4. **Mobile Navigation**: Implement a mobile-friendly navigation menu, such as a hamburger menu, for better user experience.
5. **Font and Image Scaling**: Ensure that fonts and images scale correctly for smaller screens.

### Priority:
High