align extensions page styling (#9003)

Signed-off-by: morgmart <98432065+morgmart@users.noreply.github.com>

ui/goose2/src/features/extensions/ui/ExtensionsSettings.tsx

@@ -3,8 +3,7 @@ import { useTranslation } from "react-i18next";
 import { IconChevronDown, IconPlus } from "@tabler/icons-react";
 import { Button } from "@/shared/ui/button";
 import { SearchBar } from "@/shared/ui/SearchBar";
-import { FilterRow } from "@/shared/ui/page-shell";
+import { FilterRow, PageHeader } from "@/shared/ui/page-shell";
-import { SettingsPage } from "@/shared/ui/SettingsPage";
 import { useExtensionsSettings } from "../hooks/useExtensionsSettings";
 import {
   EXTENSION_CATEGORIES,
@@ -113,8 +112,11 @@ export function ExtensionsSettings() {
   };
 
   return (
-    <SettingsPage
+    <>
+      <PageHeader
         title={t("extensions.title")}
+        description={t("extensions.description")}
+        titleClassName="font-normal text-foreground"
         actions={
           <Button
             type="button"
@@ -126,14 +128,14 @@ export function ExtensionsSettings() {
             {t("extensions.addExtension")}
           </Button>
         }
-      controls={
+      />
+
       <div className="space-y-3">
         <SearchBar
           value={searchTerm}
           onChange={setSearchTerm}
           placeholder={t("extensions.search")}
           aria-label={t("extensions.search")}
-            size="compact"
         />
         <FilterRow>
           <FilterButton
@@ -155,8 +157,7 @@ export function ExtensionsSettings() {
           )}
         </FilterRow>
       </div>
-      }
+
-    >
       {isLoading ? (
         <div className="grid gap-x-12 sm:grid-cols-2">
           {[1, 2, 3, 4, 5, 6].map((i) => (
@@ -225,6 +226,6 @@ export function ExtensionsSettings() {
           onClose={handleModalClose}
         />
       )}
-    </SettingsPage>
+    </>
   );
 }

ui/goose2/src/shared/i18n/locales/en/settings.json

@@ -82,6 +82,7 @@
   },
   "extensions": {
     "title": "Extensions",
+    "description": "Connect Goose to apps, services, and built-in capabilities.",
     "search": "Search extensions...",
     "empty": "No extensions configured.",
     "noResults": "No extensions match your search.",

ui/goose2/src/shared/i18n/locales/es/settings.json

@@ -82,6 +82,7 @@
   },
   "extensions": {
     "title": "Extensiones",
+    "description": "Conecta Goose con apps, servicios y capacidades integradas.",
     "search": "Buscar extensiones...",
     "empty": "No hay extensiones configuradas.",
     "noResults": "Ninguna extensión coincide con tu búsqueda.",