fix(ui): fixes for mobile UI, settings and sessions pages (#451)

Co-authored-by: trashtemp <96388163+trashtemp@users.noreply.github.com>

src/components/common/user/UserShort.tsx

@@ -16,7 +16,7 @@ import UserIcon from "./UserIcon";
 
 const BotBadge = styled.div`
     display: inline-block;
-
+    flex-shrink: 0;
     height: 1.4em;
     padding: 0 4px;
     font-size: 0.6em;

src/components/markdown/Markdown.module.scss

@@ -98,6 +98,8 @@
         background: var(--block);
         border-radius: var(--border-radius);
         font-family: var(--monospace-font), monospace;
+        border-radius: 3px;
+        -webkit-box-decoration-break: clone;
     }
 
     input[type="checkbox"] {

src/components/navigation/SidebarBase.tsx

@@ -18,9 +18,13 @@ export const GenericSidebarBase = styled.div<{
     display: flex;
     flex-shrink: 0;
     flex-direction: column;
-    border-end-start-radius: 8px;
+    /*border-end-start-radius: 8px;*/
     background: var(--secondary-background);
 
+    > :nth-child(1) {
+        border-end-start-radius: 8px;
+    }
+
     ${(props) =>
         props.mobilePadding &&
         isTouchscreenDevice &&

src/components/navigation/left/ServerSidebar.tsx

@@ -38,6 +38,7 @@ const ServerBase = styled.div`
     flex-direction: column;
     background: var(--secondary-background);
     border-start-start-radius: 8px;
+    border-end-start-radius: 8px;
     overflow: hidden;
 
     ${isTouchscreenDevice &&