Revert "fix(app-layout): add collapsiblesection component [KHCP-14578] (

#1888)"

This reverts commit 977c718.

packages/core/app-layout/sandbox/pages/LayoutPage.vue

@@ -108,43 +108,8 @@
 
     <p>This is the top.</p>
 
-    <div class="collapsible-sections-container">
-      <PageInfoSection
-        description="This is a collapsible section that's rendered collapsed by default. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-        title="Collapsible section"
-      >
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Id quidem aperiam similique vitae beatae. Repellat quam voluptas vitae, maxime consequuntur praesentium et suscipit. Numquam aliquid nulla vel esse accusantium reiciendis error?
-      </PageInfoSection>
-
-      <PageInfoSection
-        description="This is a collapsible section that's rendered open by default. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-        open
-        title="Collapsible section"
-        title-tag="h2"
-      >
-        Lorem ipsum dolor sit amet consectetur adipisicing elit. Id quidem aperiam similique vitae beatae. Repellat quam voluptas vitae, maxime consequuntur praesentium et suscipit. Numquam aliquid nulla vel esse accusantium reiciendis error?
-      </PageInfoSection>
-
-      <KComponent
-        v-slot="{ data }"
-        :data="{ toggleModel: true }"
-      >
-        <PageInfoSection
-          :collapsible="false"
-          description="This is a non-collapsible section with a toggle in the header. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-          title="Non-collapsible section"
-        >
-          <template #actions>
-            <KInputSwitch v-model="data.toggleModel" />
-          </template>
-
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Id quidem aperiam similique vitae beatae. Repellat quam voluptas vitae, maxime consequuntur praesentium et suscipit. Numquam aliquid nulla vel esse accusantium reiciendis error?
-        </PageInfoSection>
-      </KComponent>
-    </div>
-
     <p
-      v-for="index in 3"
+      v-for="index in 9"
       :key="index"
     >
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Id quidem aperiam similique vitae beatae. Repellat quam voluptas vitae, maxime consequuntur praesentium et suscipit. Numquam aliquid nulla vel esse accusantium reiciendis error?
@@ -164,7 +129,6 @@ import AppGruceLogo from '../components/icons/AppGruceLogo.vue'
 import AppLogo from '../components/icons/AppLogo.vue'
 import { OverviewIcon, RuntimesIcon, ServiceHubIcon, MeshIcon, DevPortalIcon, BarChartIcon, PeopleIcon, CogIcon } from '@kong/icons'
 import { KUI_ICON_SIZE_40 } from '@kong/design-tokens'
-import PageInfoSection from '../../src/components/pageInfoSection/PageInfoSection.vue'
 
 const userNameAndEmail = ref<string>('Jackie Jiang\n[email protected]')
 
@@ -420,10 +384,4 @@ const handleCloseAlert = (): void => {
   display: flex;
   padding-left: 16px;
 }
-
-.collapsible-sections-container {
-  display: flex;
-  flex-direction: column;
-  gap: $kui-space-50;
-}
 </style>