Restore room avatar via UserListItem

Author: sumo-slonik

src/pages/workspace/rooms/WorkspaceRoomsPage.tsx

@@ -8,7 +8,7 @@ import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import {usePersonalDetails} from '@components/OnyxListItemProvider';
 import ScreenWrapper from '@components/ScreenWrapper';
 import SelectionList from '@components/SelectionList';
-import TableListItem from '@components/SelectionList/ListItem/TableListItem';
+import UserListItem from '@components/SelectionList/ListItem/UserListItem';
 import type {ListItem} from '@components/SelectionList/types';
 import Text from '@components/Text';
 import useArchivedReportsIdSet from '@hooks/useArchivedReportsIdSet';
@@ -74,6 +74,7 @@ function WorkspaceRoomsPage({route}: WorkspaceRoomsPageProps) {
                 keyForList: report.reportID,
                 text: roomName,
                 reportID: report.reportID,
+                shouldShowRightCaret: true,
                 rightElement: (
                     <>
                         <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap2, styles.flex2]}>
@@ -153,11 +154,10 @@ function WorkspaceRoomsPage({route}: WorkspaceRoomsPageProps) {
 
                 <SelectionList<RoomListItem>
                     data={data}
-                    ListItem={TableListItem}
+                    ListItem={UserListItem}
                     onSelectRow={(item) => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(item.reportID))}
                     customListHeader={customListHeader}
                     shouldHeaderBeInsideList
-                    shouldShowRightCaret
                 />
             </ScreenWrapper>
         </AccessOrNotFoundWrapper>