added qr code

src/App.tsx

@@ -86,6 +86,7 @@ import { executeEvent, subscribeToEvent, unsubscribeFromEvent } from "./utils/ev
 import { requestQueueCommentCount, requestQueuePublishedAccouncements } from "./components/Chat/GroupAnnouncements";
 import { requestQueueGroupJoinRequests } from "./components/Group/GroupJoinRequests";
 import { DrawerComponent } from "./components/Drawer/Drawer";
+import { LitecoinQRCode } from "./components/LitecoinQRCode";
 
 type extStates =
   | "not-authenticated"
@@ -1253,6 +1254,7 @@ function App() {
               />
             </Box>
           )}
+          <LitecoinQRCode ltcAddress={rawWallet?.ltcAddress} />
         </>
       ) : (
         <>

src/components/Group/Group.tsx

@@ -1770,7 +1770,7 @@ export const Group = ({
           width: isMobile ? "100%" : "380px",
           flexDirection: "column",
           alignItems: "flex-start",
-          height: isMobile ? "calc(100% - 45px)" : "100%",
+          height: isMobile ? `calc(${rootHeight} - 45px)` : "100%",
           background: !isMobile && 'var(--bg-primary)',
           borderRadius: !isMobile && '0px 15px 15px 0px'
         }}
@@ -2302,7 +2302,7 @@ export const Group = ({
               </Box>
             </>
           )}
-          {selectedGroup && (
+          {selectedGroup && mobileViewMode !== 'groups' && (
             <>
             {!isMobile && selectedGroup && (
         

src/components/LitecoinQRCode.tsx

@@ -0,0 +1,36 @@
+
+import React from 'react';
+import QRCode from 'react-qr-code';
+import { TextP } from '../App-styles';
+import { Box } from '@mui/material';
+
+export const LitecoinQRCode = ({ ltcAddress }) => {
+  return (
+    <Box sx={{
+      display: 'flex',
+      gap: '10px',
+      width: '100%',
+      alignItems: 'center',
+      flexDirection: 'column',
+      marginTop: '20px'
+    }}>
+      <TextP
+                sx={{
+                  textAlign: "center",
+                  lineHeight: 1.2,
+                  fontSize: "16px",
+                  fontWeight: 500,
+                }}
+              >
+                Your LTC address
+              </TextP>
+      <QRCode 
+        value={ltcAddress}  // Your LTC address here
+        size={180}          // Adjust size as needed
+        level="M"           // Error correction level (L, M, Q, H)
+        bgColor="#FFFFFF"   // Background color (white)
+        fgColor="#000000"   // Foreground color (black)
+      />
+    </Box>
+  );
+};

src/index.css

@@ -74,7 +74,6 @@ body {
 ::-webkit-scrollbar {
   width: 16px;
   height: 10px;
-  background-color: #232428;
 }
 
 ::-webkit-scrollbar-thumb {