fix: Segment override permissions (#5134)

Author: kyle-ssg

frontend/web/components/SegmentOverrideActions.tsx

@@ -1,10 +1,6 @@
 import { FC, useCallback, useLayoutEffect, useRef, useState } from 'react'
-import classNames from 'classnames'
 
 import useOutsideClick from 'common/useOutsideClick'
-import Utils from 'common/utils/utils'
-import Constants from 'common/constants'
-import Permission from 'common/providers/Permission'
 import Button from './base/forms/Button'
 import Icon from './Icon'
 import ActionButton from './ActionButton'

frontend/web/components/SegmentOverrides.js

@@ -47,13 +47,13 @@ const SegmentOverrideInner = class Override extends React.Component {
       confirmRemove,
       controlValue,
       disabled,
+      environmentId,
       hideViewSegment,
       index,
       multivariateOptions,
       name,
       onSortEnd,
       projectFlag,
-      projectId,
       readOnly,
       setSegmentEditId,
       setShowCreateSegment,
@@ -176,9 +176,9 @@ const SegmentOverrideInner = class Override extends React.Component {
               )}
               <Row className='gap-2'>
                 <Permission
-                  id={projectId}
-                  permission={'MANAGE_SEGMENTS'}
-                  level={'project'}
+                  id={environmentId}
+                  permission={'MANAGE_SEGMENT_OVERRIDES'}
+                  level={'environment'}
                 >
                   {({ permission }) =>
                     Utils.renderWithPermission(