Adjust BottomSheetModal minHeight and add margin to toggle button; add 'Upgrade to Plus' option in NavBar

src/components/common/BottomSheetModal.jsx

@@ -98,7 +98,7 @@ const BottomSheetModal = forwardRef(
           ref={ref}
           sx={{
             zIndex: Z_INDEX.MODAL_CONTENT,
-            minHeight: '30%',
+            minHeight: '20%',
             width: '100%',
             height: currentHeight,
             maxHeight: isExpanded ? expandedHeight : maxHeight,
@@ -167,6 +167,7 @@ const BottomSheetModal = forwardRef(
                   padding: '12px 0 8px 0',
                   cursor: 'pointer',
                   userSelect: 'none',
+                  marginBottom: 16,
                 }}
                 onClick={handleToggleExpansion}
                 title={isExpanded ? 'Collapse' : 'Expand'}

src/views/components/NavBar.jsx

@@ -8,6 +8,7 @@ import {
   Logout,
   MenuRounded,
   SettingsOutlined,
+  SwitchAccessShortcutAdd,
   Toll,
   Widgets,
 } from '@mui/icons-material'
@@ -214,6 +215,18 @@ const NavBar = () => {
             size='md'
             onClick={openDrawer}
           >
+            {/*  Add List item to invite the user to upgrade to Plus: */}
+            <ListItemButton
+              onClick={() => navigate('/settings#subscription')}
+              sx={{
+                py: 1.2,
+              }}
+            >
+              <ListItemDecorator>
+                <SwitchAccessShortcutAdd />
+              </ListItemDecorator>
+              <ListItemContent>Upgrade to Plus</ListItemContent>
+            </ListItemButton>
             <ListItemButton
               onClick={() => {
                 localStorage.removeItem('ca_token')