fix transaction bar overlap with video sheet (#747)

src/shared/components/ActionBar/ActionBarTransaction.style.ts

@@ -14,7 +14,7 @@ export const ActionBarTransactionWrapper = styled.div<ActionBarTransactionWrappe
   bottom: 0;
   left: ${({ fullWidth }) => (fullWidth ? 0 : 'var(--sidenav-collapsed-width)')};
   right: 0;
-  z-index: ${zIndex.header};
+  z-index: ${zIndex.nearSheetOverlay};
 
   transition: transform ${transitions.timings.regular} ${transitions.easing};
   transform: translateY(${({ isActive }) => (isActive ? '0' : '100%')});

src/shared/theme/sizes.ts

@@ -10,6 +10,7 @@ export const zIndex = {
   farBackground: -20,
   header: 100,
   sheetOverlay: 150,
+  nearSheetOverlay: 160,
   sideNav: 200,
   overlay: 10,
   nearOverlay: 20,