fix: add comment and fix potential circular import

Author: eshankvaish

src/Common/SegmentedControl/Segment.tsx

@@ -4,7 +4,7 @@ import { ComponentSizeType } from '@Shared/constants'
 import { Tooltip } from '@Common/Tooltip'
 import { SegmentProps, SegmentType } from './types'
 import { COMPONENT_SIZE_TO_ICON_CLASS_MAP, COMPONENT_SIZE_TO_SEGMENT_CLASS_MAP } from './constants'
-import { ConditionalWrap } from '..'
+import { ConditionalWrap } from '../Helper'
 
 const wrapWithTooltip = (tooltipProps: SegmentType['tooltipProps']) => (children: ReactElement) => (
     <Tooltip content={tooltipProps.content} placement="bottom" {...tooltipProps} alwaysShowTippyOnHover>

src/Common/SegmentedControl/SegmentedControl.component.tsx

@@ -16,6 +16,9 @@ const SegmentedControl = ({
     const isUnControlledComponent = controlledValue === undefined
 
     const segmentedControlRefContainer = useRef<HTMLDivElement>(null)
+    /**
+     * Using this ref to show the selected segment highlight with transition
+     */
     const selectedSegmentRef = useRef<HTMLDivElement>(null)
     const [selectedSegmentValue, setSelectedSegmentValue] = useState<SegmentType['value'] | null>(segments[0].value)
     const segmentValue = isUnControlledComponent ? selectedSegmentValue : controlledValue