Add chevron to button

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>

src/platform/web/ui/css/right-panel.css

@@ -16,15 +16,16 @@
     text-align: center;
 }
 
-.RoomDetailsView_row {
-    justify-content: space-between;
-}
-
 .RoomDetailsView_label, .RoomDetailsView_row, .RoomDetailsView, .EncryptionIconView {
     display: flex;
     align-items: center;
 }
 
+.RoomDetailsView_value {
+    display: flex;
+    justify-content: flex-end;
+}
+
 .EncryptionIconView {
     justify-content: center;
 }

src/platform/web/ui/css/themes/element/icons/chevron-small.svg

@@ -0,0 +1,3 @@
+<svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.96967 10.7197C0.676777 10.4268 0.676007 9.95117 0.967952 9.65733L4.66823 5.93303L0.955922 2.22072C0.663029 1.92782 0.662259 1.45218 0.954204 1.15834C1.24615 0.864504 1.72025 0.863737 2.01315 1.15663L6.25579 5.39927C6.54868 5.69216 6.54945 6.1678 6.2575 6.46164L2.02861 10.718C1.73667 11.0118 1.26256 11.0126 0.96967 10.7197Z" fill="#737D8C"/>
+</svg>

src/platform/web/ui/css/themes/element/theme.css

@@ -789,8 +789,11 @@ button.link {
 
 /* Right Panel */
 
-.RoomDetailsView {
+.RightPanelView {
     background: rgba(245, 245, 245, 0.90);
+}
+
+.RoomDetailsView {
     padding: 16px;
 }
 
@@ -813,6 +816,24 @@ button.link {
     margin-bottom: 20px;
     font-weight: 500;
     font-size: 15px;
+    width: 100%;
+    background: none;
+    border: none;
+    padding: 0;
+}
+
+button.RoomDetailsView_row {
+    cursor: pointer;
+}
+
+button.RoomDetailsView_row::after {
+    content: url("./icons/chevron-small.svg");
+    margin-left: 12px;
+}
+
+.RoomDetailsView_row:not(button)::after{
+    content: " ";
+    width: 19px;
 }
 
 .RoomDetailsView_label::before {
@@ -821,8 +842,13 @@ button.link {
     width: 20px;
 }
 
+.RoomDetailsView_label {
+    width: 200px;
+}
+
 .RoomDetailsView_value {
     color: #737D8C;
+    width: 50px;
 }
 
 .MemberCount::before {