Device Manager: Rename Session (#6826)

* Publish the user sessions overview data.
* Add UserSessionName screen.
* Update logout action to match Figma more closely.

RiotSwiftUI/Modules/UserSessions/UserSessionOverview/View/UserSessionOverview.swift

@@ -47,6 +47,7 @@ struct UserSessionOverview: View {
             
             SwiftUI.Section {
                 UserSessionOverviewItem(title: VectorL10n.manageSessionSignOut,
+                                        alignment: .center,
                                         isDestructive: true) {
                     viewModel.send(viewAction: .logoutOfSession)
                 }
@@ -66,8 +67,11 @@ struct UserSessionOverview: View {
                         Label(VectorL10n.manageSessionRename, systemImage: "pencil")
                     }
                 } label: {
-                    Image(systemName: "ellipsis.circle")
+                    Image(systemName: "ellipsis")
+                        .padding(.horizontal, 4)
+                        .padding(.vertical, 12)
                 }
+                .offset(x: 4) // Re-align the symbol after applying padding.
             }
         }
         .accentColor(theme.colors.accent)

RiotSwiftUI/Modules/UserSessions/UserSessionOverview/View/UserSessionOverviewItem.swift

@@ -20,6 +20,7 @@ struct UserSessionOverviewItem: View {
     @Environment(\.theme) private var theme: ThemeSwiftUI
     
     let title: String
+    var alignment: Alignment = .leading
     var showsChevron = false
     var isDestructive = false
     var onBackgroundTap: (() -> Void)?
@@ -32,7 +33,7 @@ struct UserSessionOverviewItem: View {
                     Text(title)
                         .font(theme.fonts.body)
                         .foregroundColor(textColor)
-                        .frame(maxWidth: .infinity, alignment: .leading)
+                        .frame(maxWidth: .infinity, alignment: alignment)
                     
                     if showsChevron {
                         Image(Asset.Images.chevron.name)