fix(protocol-designer): alignment issues throughout pd (#18811)

closes RQA-4339 RQA-4340 RQA-4343

Author: jerader

protocol-designer/src/components/organisms/ConfirmDeleteEntityInUseModal/index.tsx

@@ -36,7 +36,7 @@ export function ConfirmDeleteEntityInUseModal(
           <Flex
             justifyContent={JUSTIFY_END}
             gridGap={SPACING.spacing8}
-            padding={SPACING.spacing24}
+            padding={`0 ${SPACING.spacing24} ${SPACING.spacing24} ${SPACING.spacing24}`}
           >
             <SecondaryButton
               onClick={() => {

protocol-designer/src/components/organisms/LiquidsOverflowMenu/index.tsx

@@ -29,7 +29,7 @@ import { LINE_CLAMP_TEXT_STYLE, NAV_BAR_HEIGHT_REM } from '../../atoms'
 import type { MouseEvent, RefObject } from 'react'
 import type { ThunkDispatch } from '../../../types'
 
-const TOP_POSITION = '13.6875rem'
+const TOP_POSITION = '14.2rem'
 const RIGHT_POSITION_FOR_LIQUIDS_PAGE = '25.675rem'
 interface LiquidsOverflowMenuProps {
   onClose: () => void

protocol-designer/src/components/organisms/TipPositionModal/index.tsx

@@ -373,7 +373,10 @@ export function TipPositionModal(
             gridGap={SPACING.spacing8}
             width="100%"
           >
-            <Flex justifyContent={JUSTIFY_SPACE_BETWEEN}>
+            <Flex
+              justifyContent={JUSTIFY_SPACE_BETWEEN}
+              alignItems={ALIGN_CENTER}
+            >
               <StyledText desktopStyle="bodyDefaultRegular">
                 {t(`modal:tip_position.view.${view}`)}
               </StyledText>