[Enhance] Improve the UI in mobile version

### Objective
Add UI support for mobile versions

### Problem
currently the UI is not adapted to mobile devices, so we want to use the advantages of bootstrap or pure css to improve the layout on mobile screens.

### Checklist
- [ ] Review how to custom the b-container to a better handle of the space in mobile screens
- [ ] Add better spacing (padding, margins) to the elements in mobile version (use custom css if it's necessary)
- [ ] Use more flex layouts to more generic responsive behavior

Start by locating the mobile UI views that use the b-container and the existing Bootstrap or custom CSS. Review their spacing and layout at mobile widths, then verify that the containers, margins, padding, and flex behavior produce a usable responsive layout without disrupting larger screens.

Written by the indexing model from the issue text.