Enable modifiers and set alignRight value

https://youtrack.weseek.co.jp/issue/GW-7947
- Update alignRight props of PageItemControl in SubNavButtons
- Enable modifiers props of DropdownMenu component

apps/app/src/components/Common/Dropdown/PageItemControl.tsx

@@ -248,9 +248,10 @@ const PageItemControlDropdownMenu = React.memo((props: DropdownMenuProps): JSX.E
   return (
     <DropdownMenu
       data-testid="page-item-control-menu"
-      // modifiers={{ preventOverflow: { boundariesElement: 'viewport' } }}
+      modifiers={{ preventOverflow: { boundariesElement: 'viewport' } }}
       right={alignRight}
       container="body"
+      persist
       style={{ zIndex: 1055 }} /* make it larger than $zindex-modal of bootstrap */
     >
       {contents}

apps/app/src/components/Navbar/SubNavButtons.tsx

@@ -255,7 +255,7 @@ const SubNavButtonsSubstance = (props: SubNavButtonsSubstanceProps): JSX.Element
       ) }
       { showPageControlDropdown && (
         <PageItemControl
-          alignRight={false}
+          alignRight
           pageId={pageId}
           pageInfo={pageInfo}
           isEnableActions={!isGuestUser}