Fix padding on scrollviews

Author: ospfranco

src/lib/shorcuts.tsx renamed to src/lib/shortcuts.tsx

@@ -23,7 +23,7 @@ import { createBaseItems } from './items'
 import MiniSearch from 'minisearch'
 import * as Sentry from '@sentry/react-native'
 import { storage } from './storage'
-import { defaultShortcuts } from 'lib/shorcuts'
+import { defaultShortcuts } from 'lib/shortcuts'
 
 const exprParser = new Parser()
 

src/stores/ui.store.tsx

@@ -6,7 +6,7 @@ import { FileIcon } from 'components/FileIcon'
 import { Key } from 'components/Key'
 import { LoadingBar } from 'components/LoadingBar'
 import { MainInput } from 'components/MainInput'
-import { renderToKeys } from 'lib/shorcuts'
+import { renderToKeys } from 'lib/shortcuts'
 import { observer } from 'mobx-react-lite'
 import { FC, useEffect, useRef } from 'react'
 import {

src/widgets/search.widget.tsx

@@ -20,9 +20,9 @@ export const General = observer(() => {
   return (
     <ScrollView
       showsVerticalScrollIndicator={false}
-      StickyHeaderComponent={() => null}
-      className="flex-1"
-      contentContainerClassName="pb-5 px-5 -mt-4 gap-2">
+      automaticallyAdjustContentInsets
+      className="flex-1 -mt-10"
+      contentContainerClassName="p-5 gap-2">
       <View className="flex-row items-center p-3 subBg rounded-lg border border-lightBorder dark:border-darkBorder">
         <View className="flex-1">
           <Text className="text-sm text">Open at Login</Text>

src/widgets/settings/general.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx'
 import Favicon from 'components/Favicon'
 import { FileIcon } from 'components/FileIcon'
 import { MySwitch } from 'components/MySwitch'
-import { renderToKeys } from 'lib/shorcuts'
+import { renderToKeys } from 'lib/shortcuts'
 import { observer } from 'mobx-react-lite'
 import {
   Image,

src/widgets/settings/items.tsx

@@ -8,12 +8,13 @@ import { Assets } from 'assets'
 export const Scripts: FC = observer(() => {
   const store = useStore()
   const username = solNative.userName()
+
   return (
     <ScrollView
-      className="flex-1"
-      contentContainerClassName="-mt-4 pb-5 px-5 gap-2 flex-grow"
       showsVerticalScrollIndicator={false}
-      StickyHeaderComponent={() => null}
+      automaticallyAdjustContentInsets
+      className="flex-1 -mt-10"
+      contentContainerClassName="p-5 gap-2"
     >
       <View className="flex-row items-center p-3 subBg rounded-lg border border-lightBorder dark:border-darkBorder mb-2">
         <Image