added qr code

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>
+  );
+};