refactor(test-results-bar): wrap sections in flex container

Wrap TopSection and conditionally rendered LogsSection or AutofixSection  
inside a flex column container with consistent padding and border styles.  
This change ensures proper layout and styling, removing redundant borders  
and improving scroll behavior within the test results bar component.

Author: rohitpaulk

app/components/course-page/test-results-bar/index.hbs

@@ -23,28 +23,30 @@
     data-test-contents
   >
     {{#if this.isExpanded}}
-      <CoursePage::TestResultsBar::TopSection
-        @activeTabSlug={{this.activeTabSlug}}
-        @onActiveTabSlugChange={{fn (mut this.activeTabSlug)}}
-        @availableTabSlugs={{this.availableTabSlugs}}
-        class="mt-3 mb-3 px-6"
-      />
-
-      {{#if (eq this.activeTabSlug "logs")}}
-        <CoursePage::TestResultsBar::LogsSection
-          @activeStep={{@activeStep}}
-          @currentStep={{@currentStep}}
-          @repository={{@repository}}
-          class="grow border-b border-gray-800 overflow-y-auto px-6"
-        />
-      {{else if (eq this.activeTabSlug "autofix")}}
-        <CoursePage::TestResultsBar::AutofixSection
-          @activeStep={{@activeStep}}
-          @currentStep={{@currentStep}}
-          @repository={{@repository}}
-          class="grow border-b border-gray-800 overflow-y-auto px-6"
+      <div class="flex flex-col grow border-b border-gray-800 px-6">
+        <CoursePage::TestResultsBar::TopSection
+          @activeTabSlug={{this.activeTabSlug}}
+          @onActiveTabSlugChange={{fn (mut this.activeTabSlug)}}
+          @availableTabSlugs={{this.availableTabSlugs}}
+          class="mt-3 mb-3"
         />
-      {{/if}}
+
+        {{#if (eq this.activeTabSlug "logs")}}
+          <CoursePage::TestResultsBar::LogsSection
+            @activeStep={{@activeStep}}
+            @currentStep={{@currentStep}}
+            @repository={{@repository}}
+            class="grow overflow-y-auto"
+          />
+        {{else if (eq this.activeTabSlug "autofix")}}
+          <CoursePage::TestResultsBar::AutofixSection
+            @activeStep={{@activeStep}}
+            @currentStep={{@currentStep}}
+            @repository={{@repository}}
+            class="grow overflow-y-auto"
+          />
+        {{/if}}
+      </div>
 
       <div
         class="absolute top-0 right-0 flex px-6 py-5 items-center justify-center text-gray-500 hover:text-gray-400"