Settings back icon in mobile view

[tanmoyAtb]

closes #1913

---

Submission checklist:

Layout

• Change looks good in the desktop web ui
• Change looks good in the mobile web ui

Theme

• Components / elements inspected in light mode
• Components / elements inspected in dark mode

[render]

Your Render PR Server URL is https://chainsafe-components-stage-pr-1946.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c85abm7d17cc8bda22c0.

[render]

Your Render PR Server URL is https://storage-ui-stage-pr-1946.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c85abmvd17cc8bda22gg.

[render]

Your Render PR Server URL is https://files-ui-stage-pr-1946.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-c85abnfd17cc8bda22t0.

[asnaith]

Compared to Serena's mock on the issue ticket, it looks like the left arrow is only supposed to be shown when a tab has been opened and when on the main settings screen the header should be displayed as normal.

At the moment the left arrow and smaller text is shown on the main settings screen too.

Also, could we make the left arrow itself a tappable target? At the moment it's only the text.

[tanmoyAtb]

Compared to Serena's mock on the issue ticket, it looks like the left arrow is only supposed to be shown when a tab has been opened and when on the main settings screen the header should be displayed as normal.

At the moment the left arrow and smaller text is shown on the main settings screen too.

Also, could we make the left arrow itself a tappable target? At the moment it's only the text.

Thanks for the pointers @asnaith. It looks better with the feedbacks in.

[asnaith]

@tanmoyAtb Looking great with the latest changes 🚀

[Tbaut]

💯