fix user icon positionings in VCs in collapsed sidebar view

Author: nushea

src/app/pages/client/direct/Direct.tsx

@@ -338,6 +338,7 @@ export function Direct() {
                                   width: '100%',
                                   aspectRatio: 1,
                                   display: 'flex',
+                                  flexDirection: 'column',
                                 }
                               : {}
                           }

src/app/pages/client/home/Home.tsx

@@ -427,6 +427,7 @@ export function Home() {
                                   width: '100%',
                                   aspectRatio: 1,
                                   display: 'flex',
+                                  flexDirection: 'column',
                                 }
                               : {}
                           }

src/app/pages/client/space/Space.tsx

@@ -394,9 +394,9 @@ function SpaceHeader({ hideText, mx }: { hideText?: boolean; mx: MatrixClient })
                 setCurWidth={setCurHeight}
                 sidebarWidth={roomBannerHeight}
                 setSidebarWidth={setRoomBannerHeight}
-                instep={56}
+                instep={50}
                 outstep={66}
-                minValue={56}
+                minValue={50}
                 maxValue={500}
                 topSided
               />
@@ -1020,6 +1020,7 @@ export function Space() {
                                 width: '100%',
                                 aspectRatio: 1,
                                 display: 'flex',
+                                flexDirection: 'column',
                               }
                             : { paddingLeft }
                         }