MPA sidebar adjustments

[imjuangarcia]

📚 Context

This PR addresses a couple of design tweaks within the MPA sidebar, adjusting how pages without icons look, and truncating long page names.

• What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Refactoring
  • Other, please describe: Design change

🧠 Description of Changes

• Removed default icon when no emoji is present in Sidebar/SidebarNav.tsx;

• Update style for MPA pages in Sidebar/styled-components.ts;

• Use <OverflowTooltip /> in Sidebar/SidebarNav.tsx to truncate long page names;

• Update unit and e2e test

  • This is a breaking API change
  • This is a visible (user-facing) change

Revised:

Current:

🧪 Testing Done

• Screenshots included
• Added/Updated unit tests
• Added/Updated e2e tests

🌐 References

• https://www.notion.so/streamlit/323698fb28494255a9b74d62957d238e
• https://www.notion.so/streamlit/Papercut-Deal-with-long-page-names-in-small-sidebar-29a7b55ec0914aa6bb15cc33fd66a2a8

---

Contribution License Agreement

By submitting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.

[vdonato]

Hm, looks like a conflict with a different change to SidebarNav.test.tsx appeared. Not sure which PR could have caused this, so I must have missed it. This should be good to go once that's resolved!

[imjuangarcia]

Hm, looks like a conflict with a different change to SidebarNav.test.tsx appeared. Not sure which PR could have caused this, so I must have missed it. This should be good to go once that's resolved!

@vdonato Fixed! Thanks for the thorough review 💯