fix: bottom action & detail page scroll style

Author: halionaz

src/features/detail/components/BottomActions/style.css.ts

@@ -1,7 +1,7 @@
 import { css, cva } from '@styled-system/css';
 
 export const Container = css({
-  position: 'fixed',
+  position: 'absolute',
   bottom: '0',
   left: '0',
   right: '0',

src/pages/DetailPage/style.css.ts

@@ -8,9 +8,9 @@ export const Container = css({
 
 export const ScrollContainer = css({
   width: 'full',
-  height: 'full',
+  height: 'calc(100% - {sizes.DETAIL_PAGE_NAVIGATOR_HEIGHT})',
   overflowY: 'auto',
-  paddingBottom: 'DETAIL_PAGE_NAVIGATOR_HEIGHT',
+  paddingBottom: '1rem',
 });
 
 export const ContentContainer = css({