chore: update spreadsheets

packages/web/package.json

@@ -51,7 +51,7 @@
     "@standardnotes/sncrypto-web": "workspace:*",
     "@standardnotes/snjs": "workspace:*",
     "@standardnotes/solarized-dark-theme": "^1.4.6",
-    "@standardnotes/spreadsheets": "^1.7.0",
+    "@standardnotes/spreadsheets": "^1.8.0",
     "@standardnotes/styles": "workspace:*",
     "@standardnotes/titanium-theme": "^1.4.7",
     "@standardnotes/toast": "workspace:*",

packages/web/src/javascripts/Components/Preferences/PreferencesMenuView.tsx

@@ -5,8 +5,6 @@ import { DropdownItem } from '../Dropdown/DropdownItem'
 import PreferencesMenuItem from './PreferencesComponents/MenuItem'
 import { PreferencesMenu } from './PreferencesMenu'
 import { PreferenceId } from '@standardnotes/ui-services'
-import { classNames } from '@standardnotes/snjs'
-import { useAvailableSafeAreaPadding } from '@/Hooks/useSafeAreaPadding'
 
 type Props = {
   menu: PreferencesMenu
@@ -25,15 +23,8 @@ const PreferencesMenuView: FunctionComponent<Props> = ({ menu }) => {
     [menuItems],
   )
 
-  const { hasBottomInset } = useAvailableSafeAreaPadding()
-
   return (
-    <div
-      className={classNames(
-        'border-b border-border bg-default px-5 pt-2 md:border-0 md:bg-contrast md:px-0 md:py-0',
-        hasBottomInset ? 'pb-safe-bottom' : 'pb-2 md:pb-0',
-      )}
-    >
+    <div className="border-b border-border bg-default px-5 py-2 md:border-0 md:bg-contrast md:px-0 md:py-0">
       <div className="hidden min-w-55 flex-col overflow-y-auto px-3 py-6 md:flex">
         {menuItems.map((pref) => (
           <PreferencesMenuItem