text: Title: Avoid `StreamlitDuplicateElementId` error when the same widget is in the main area and sidebar
  Body: ### Checklist
  
  - [x] I have searched the [existing issues](https://github.com/streamlit/streamlit/issues) for similar feature requests.
  - [x] I added a descriptive title and summary to this issue.
  
  ### Summary
  
  Using the same widget in the main area and the sidebar results in a `StreamlitDuplicateElementId` error:
  
  ```python
  import streamlit as st
  
  st.button("Button")
  st.sidebar.button("Button")
  ```
  
  ![Image](https://github.com/user-attachments/assets/1dbedc96-16bf-4149-9e3f-c156ec3ed5cb)
  
  However, we could easily differentiate the automatically generated keys for these two elements, given that one of them is in the sidebar and the other isn't. 
  
  ### Why?
  
  Convenience, don't need to assign a key but it "just works". 
  
  ### How?
  
  _No response_
  
  ### Additional Context
  
  _No response_