Fix bottom padding for all Cabinet sheets to avoid nav bar overlap

Author: realtomchuk-source

web/src/pages/Cabinet/components/NotificationEditorSheet.tsx

@@ -59,7 +59,7 @@ export const NotificationEditorSheet: React.FC<NotificationEditorSheetProps> = (
 
     return (
         <BottomSheet isOpen={isOpen} onClose={onClose} title="Налаштування сповіщень">
-            
+            <div style={{ padding: '0 16px 120px' }}>
             <div className={styles.formGroup}>
                 <div className={styles.label}>Як назвемо локацію?</div>
                 <input 
@@ -159,7 +159,7 @@ export const NotificationEditorSheet: React.FC<NotificationEditorSheetProps> = (
                     Видалити локацію
                 </button>
             )}
-
+            </div>
         </BottomSheet>
     );
 };

web/src/pages/Cabinet/components/SubGroupSheet.tsx

@@ -23,19 +23,21 @@ export const SubGroupSheet: React.FC<SubGroupSheetProps> = ({
 }) => {
     return (
         <BottomSheet isOpen={isOpen} onClose={onClose} title="Оберіть підчергу">
-            <div className={styles.grid}>
-                {GROUPS.map(group => (
-                    <button
-                        key={group}
-                        className={`${styles.button} ${selectedGroup === group ? styles.buttonSelected : ''}`}
-                        onClick={() => {
-                            onSelectGroup(group);
-                            onClose();
-                        }}
-                    >
-                        {group}
-                    </button>
-                ))}
+            <div style={{ padding: '16px 16px 120px' }}>
+                <div className={styles.grid}>
+                    {GROUPS.map(group => (
+                        <button
+                            key={group}
+                            className={`${styles.button} ${selectedGroup === group ? styles.buttonSelected : ''}`}
+                            onClick={() => {
+                                onSelectGroup(group);
+                                onClose();
+                            }}
+                        >
+                            {group}
+                        </button>
+                    ))}
+                </div>
             </div>
         </BottomSheet>
     );