fix(onboarding): collapse manual integrations

e2e/onboarding.spec.ts

@@ -149,6 +149,7 @@ describe("Onboarding", () => {
         expect(await boardPreview.getAttribute("data-layout-columns")).toBe("12");
 
         await page.getByRole("button", { name: /^Connect/ }).click();
+        await page.getByRole("button", { name: "Add another integration" }).click();
         const sonarr = page.locator('button[aria-label="Sonarr"]');
         await sonarr.click();
         await page.getByLabel("Service URL").waitFor();

packages/onboarding/src/setup-studio.tsx

@@ -1050,14 +1050,24 @@ const Connections = (props: StudioSectionProps) => {
         </Fieldset>
       ) : null}
 
-      <Fieldset legend={t("otherIntegrations")}>
-        <IntegrationMultiSelectGrid
-          selectedKinds={props.selectedKinds}
-          onSelectionChange={props.setSelectedKinds}
-          detectedKinds={props.detectedKinds}
-          onboarding
-        />
-      </Fieldset>
+      <Accordion variant="separated" radius="md">
+        <Accordion.Item value="manual-integrations">
+          <Accordion.Control icon={<IconPlugConnected size={20} />}>
+            <Group gap="xs">
+              <Text fw={600}>{t("otherIntegrations")}</Text>
+              {props.selectedKinds.length > 0 ? <Badge variant="light">{props.selectedKinds.length}</Badge> : null}
+            </Group>
+          </Accordion.Control>
+          <Accordion.Panel>
+            <IntegrationMultiSelectGrid
+              selectedKinds={props.selectedKinds}
+              onSelectionChange={props.setSelectedKinds}
+              detectedKinds={props.detectedKinds}
+              onboarding
+            />
+          </Accordion.Panel>
+        </Accordion.Item>
+      </Accordion>
 
       {props.discoveredApps.length > 0 ? (
         <Fieldset legend={t("discoveredApps", { count: String(props.discoveredApps.length) })}>