chore: Make the AI drawer content area take the whole height (#3869)

Author: georgylobko

src/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.tsx

@@ -221,7 +221,7 @@ export function AppLayoutGlobalAiDrawerImplementation({
                           </div>
                         )}
                       </header>
-                      {activeAiDrawer?.content}
+                      <div className={styles['drawer-content-content']}>{activeAiDrawer?.content}</div>
                     </div>
                   </div>
                 </aside>

src/app-layout/visual-refresh-toolbar/drawer/styles.scss

@@ -23,6 +23,7 @@
 $global-drawer-gap-size: 8px;
 $global-drawer-expanded-mode-motion: #{awsui.$motion-duration-refresh-only-slow} #{awsui.$motion-easing-refresh-only-a};
 $drawer-resize-handle-size: awsui.$space-m;
+$ai-drawer-heider-height: 41px;
 
 .drawer {
   position: sticky;
@@ -288,8 +289,10 @@ $drawer-resize-handle-size: awsui.$space-m;
       }
 
       > .drawer-content {
+        grid-row: 1 / span 4;
+
         > .drawer-content-header {
-          block-size: 41px;
+          block-size: $ai-drawer-heider-height;
           position: sticky;
           z-index: 1000;
           display: flex;
@@ -384,6 +387,12 @@ $drawer-resize-handle-size: awsui.$space-m;
             }
           }
         }
+
+        > .drawer-content-content {
+          display: flex;
+          flex-direction: column;
+          block-size: calc(100% - #{$ai-drawer-heider-height});
+        }
       }
     }