Room header - Change the alignment of the items

### Your use case

#### What would you like to do?

Some items in the timeline are centered with large margins around them. The purpose of this ticket is to reduce the margins for a better rendering.

#### Why would you like to do it?

Improve the rendering of the timeline

#### How would you like to achieve it?

By following this design coming from the "[start a DM](https://www.figma.com/file/OvsSONqAyabcUDYp8tnEs6/Start-a-DM?node-id=1001%3A39349)" feature.

- [ ] Update the alignment of the room information (name, description, avatar)
- [ ] Update the rendering of the encryption tile (enlarged and content not centered anymore)


### Have you considered any alternatives?

_No response_

### Additional context

_No response_

### Are you willing to provide a PR?

Yes