UX issue: Recent Pages section covering all the landing page on mobile

[estux]

Describe the bug
On mobile the Recent Pages section covers the whole landing page making it near to impossible to read the landing page content. The problem is also that it's not intuitive enough to find out you should close the Recent page section to read the content. So every time I share a Collective link with someone new I should explain "please close the Recent Pages section with the arrow on the landing page if you want to see the content".

To Reproduce
Steps to reproduce the behavior:

1. On mobile open a Collective link with your browser, heading to the landing page
2. You can see only Recent Pages section and cannot understand there's some text to read below in the landing page.
3. People ask me why they cannot access the content/text on the landing page
4. I have to explain them to close the Recent Pages section with the arrow to access to content

Expected behavior
On mobile I should have be able to understand there's some text to read on the landing page, apart from the Recent Pages section. I should not remember to tell the people in advance to close that section (Recent Pages).

Screenshots
If applicable, add screenshots to help explain your problem.

Server details:

• Collectives app version: from 2.14 to the newer releases
• Nextcloud version: 29.0.8
• PHP Version: 8.2.14
• Database: mysql 10.5.26

Client details:

• OS: Android 13
• Browser: Fennec (Firefox mobile)
• Browser version: 132.0
• Device: Samsung S20FE

Logs

Nextcloud log (data/nextcloud.log)

Insert your Nextcloud log here

Browser log

Insert your browser log here, this could for example include:

a) The javascript console log
b) The network log
c) ...