Fix: Add bottom navigation padding to settings.

Fix: New members joining don't show.

src/components/navigation/BottomNavigation.tsx

@@ -14,8 +14,8 @@ import IconButton from "../ui/IconButton";
 
 const NavigationBase = styled.div`
     z-index: 100;
-    height: 50px;
     display: flex;
+    height: var(--bottom-navigation-height);
     background: var(--secondary-background);
 `;
 

src/components/navigation/items/Item.module.scss

@@ -150,7 +150,7 @@
         height: 40px;
 
         &.compact {
-            height: 50px;
+            height: var(--bottom-navigation-height);
 
             > div {
                 gap: 20px;

src/components/navigation/right/MemberSidebar.tsx

@@ -233,7 +233,10 @@ export function ServerMemberSidebar({
         <GenericSidebarBase>
             <GenericSidebarList>
                 <ChannelDebugInfo id={channel._id} />
-                <Category
+                <div>
+                    {!members && <Preloader type="ring" />}
+                </div>
+                { members && <Category
                     variant="uniform"
                     text={
                         <span>
@@ -241,8 +244,7 @@ export function ServerMemberSidebar({
                             {users.length}
                         </span>
                     }
-                />
-                {!members && <Preloader type="ring" />}
+                /> }
                 {members && users.length === 0 && <img src={placeholderSVG} />}
                 {users.map(
                     (user) =>