Smartphone adaptation

**Problem**
The current interface is not friendly with smartphone users.

<img width="410" height="915" alt="Image" src="https://github.com/user-attachments/assets/81c331b3-16de-4071-8f1b-0be97b8e51c9" />

**Proposed Solution**
Edit css so that it can work both with computer and smartphone users. maybe the side panel can be at bottom in smartphone mode?
