fix: Shrinking animation panel when new keyframes are added (#5009)

## Description

1. What is this PR about (link the issue and add a short description)

## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
0000)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

Author: istarkov

apps/builder/app/builder/features/settings-panel/props-section/animation/animation-panel-content.tsx

@@ -263,7 +263,11 @@ export const AnimationPanelContent = ({ onChange, value, type }: Props) => {
       <Grid
         gap={1}
         align={"center"}
-        css={{ gridTemplateColumns: "1fr 1fr", padding: theme.panel.padding }}
+        css={{
+          gridTemplateColumns: "1fr 1fr",
+          padding: theme.panel.padding,
+          flexShrink: 0,
+        }}
       >
         <Label htmlFor={fieldIds.fill}>Fill Mode</Label>
         <Label htmlFor={fieldIds.easing}>Easing</Label>
@@ -340,7 +344,11 @@ export const AnimationPanelContent = ({ onChange, value, type }: Props) => {
       <Grid
         gap={1}
         align={"center"}
-        css={{ gridTemplateColumns: "2fr 1fr", padding: theme.panel.padding }}
+        css={{
+          gridTemplateColumns: "2fr 1fr",
+          padding: theme.panel.padding,
+          flexShrink: 0,
+        }}
       >
         <Label htmlFor={fieldIds.rangeStartName}>Range Start</Label>
         <Label htmlFor={fieldIds.rangeStartValue}>Value</Label>