chore: adjust add strategy modal height (#10677)

https://linear.app/unleash/issue/2-3893/set-a-minimum-height-in-the-release-template-preview-dialog

Adjusts the "add strategy" and "release template preview" modal heights,
ensuring better visual consistency between them.

frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenu.tsx

@@ -248,6 +248,7 @@ export const FeatureStrategyMenu = ({
                 PaperProps={{
                     sx: {
                         borderRadius: '12px',
+                        height: newStrategyModalEnabled ? '100%' : 'auto',
                     },
                 }}
             >

frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureStrategyMenuCards/FeatureStrategyMenuCards.tsx

@@ -45,7 +45,7 @@ const StyledContainer = styled(Box)(() => ({
 
 const StyledScrollableContent = styled(Box)(({ theme }) => ({
     width: theme.breakpoints.values.md,
-    height: theme.spacing(52),
+    height: '100%',
     overflowY: 'auto',
     padding: theme.spacing(4),
     paddingTop: theme.spacing(2),

frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanReviewDialog.tsx

@@ -19,10 +19,18 @@ import CloseIcon from '@mui/icons-material/Close';
 const StyledDialog = styled(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: theme.shape.borderRadiusLarge,
-        width: theme.breakpoints.values.md,
+        height: '100%',
     },
 }));
 
+const StyledScrollableContent = styled(Box)(({ theme }) => ({
+    width: theme.breakpoints.values.md,
+    height: '100%',
+    overflowY: 'auto',
+    display: 'flex',
+    flexDirection: 'column',
+}));
+
 const StyledHeader = styled(Box)(({ theme }) => ({
     display: 'flex',
     justifyContent: 'space-between',
@@ -104,14 +112,18 @@ export const ReleasePlanReviewDialog = ({
                     Go back
                 </Button>
             </StyledSubHeader>
+            <StyledScrollableContent>
                 {activeReleasePlan && (
                     <Box sx={{ px: 4, pb: 2 }}>
                         <Alert severity='error'>
                             This feature environment currently has{' '}
                             <strong>{activeReleasePlan.name}</strong> -{' '}
-                        <strong>{activeReleasePlan.milestones[0].name}</strong>
+                            <strong>
-                        {environmentEnabled ? ' running' : ' paused'}. Adding a
+                                {activeReleasePlan.milestones[0].name}
-                        new release plan will replace the existing release plan.
+                            </strong>
+                            {environmentEnabled ? ' running' : ' paused'}.
+                            Adding a new release plan will replace the existing
+                            release plan.
                         </Alert>
                     </Box>
                 )}
@@ -128,6 +140,7 @@ export const ReleasePlanReviewDialog = ({
                         </Typography>
                     </Box>
                 )}
+            </StyledScrollableContent>
             <StyledDialogActions>
                 <Button variant='contained' color='primary' onClick={onConfirm}>
                     {crProtected ? 'Add suggestion to draft' : 'Apply template'}