fix: some 🐛

src/components/ScrollToTopButton/index.tsx

@@ -25,7 +25,7 @@ export default function ScrollToTopButton({
   return (
     <div
       className={cn(
-        `sticky z-20 flex justify-end pr-3 transition-opacity duration-700 ${visible ? '' : 'opacity-0'}`,
+        `fixed sm:sticky z-20 flex justify-end w-full pr-3 transition-opacity duration-700 ${visible ? '' : 'opacity-0'}`,
         className
       )}
       style={{

src/components/Titlebar/index.tsx

@@ -12,7 +12,7 @@ export function Titlebar({
   return (
     <div
       className={cn(
-        'sticky top-0 w-full z-20 bg-background/90 backdrop-blur-xl duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
+        'fixed sm:sticky top-0 w-full z-20 bg-background/90 backdrop-blur-xl duration-700 transition-transform [&_svg]:size-4 [&_svg]:shrink-0',
         visible ? '' : '-translate-y-full',
         className
       )}

src/layouts/PrimaryPageLayout/index.tsx

@@ -89,7 +89,7 @@ const PrimaryPageLayout = forwardRef(
         scrollBarClassName="sm:z-50"
         ref={scrollAreaRef}
         style={{
-          paddingBottom: 'env(safe-area-inset-bottom)'
+          paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
         }}
       >
         {titlebar && (

src/layouts/SecondaryPageLayout/index.tsx

@@ -75,7 +75,7 @@ export default function SecondaryPageLayout({
       scrollBarClassName="sm:z-50"
       ref={scrollAreaRef}
       style={{
-        paddingBottom: 'env(safe-area-inset-bottom)'
+        paddingBottom: 'calc(env(safe-area-inset-bottom) + 3rem)'
       }}
     >
       <SecondaryPageTitlebar