refactor(web): replace StepperDescription with paragraph elements in AddAgentSheet

- Updated the AddAgentSheet component to replace StepperDescription with paragraph elements for improved styling and consistency.
- Adjusted text classes to enhance visual presentation of agent selection instructions.

Co-authored-by: Cursor <[email protected]>

apps/web/src/components/agents/add-agent-sheet.tsx

@@ -26,7 +26,6 @@ import {
 import {
   Stepper,
   StepperContent,
-  StepperDescription,
   StepperIndicator,
   StepperItem,
   StepperNav,
@@ -150,9 +149,9 @@ export function AddAgentSheet({ open, onOpenChange }: AddAgentSheetProps) {
 
               <StepperPanel>
                 <StepperContent value={1} className="grid gap-4">
-                  <StepperDescription>
+                  <p className="text-muted-foreground text-sm">
                     Выберите ОС агента — от неё зависит install one-liner.
-                  </StepperDescription>
+                  </p>
                   <Field>
                     <FieldLabel>Платформа</FieldLabel>
                     <Select
@@ -177,9 +176,9 @@ export function AddAgentSheet({ open, onOpenChange }: AddAgentSheetProps) {
                 </StepperContent>
 
                 <StepperContent value={2} className="grid gap-4">
-                  <StepperDescription>
+                  <p className="text-muted-foreground text-sm">
                     Имя клиента в UI и в install-ссылке.
-                  </StepperDescription>
+                  </p>
                   <Field>
                     <FieldLabel htmlFor="agent-name">Имя клиента</FieldLabel>
                     <Input
@@ -192,9 +191,9 @@ export function AddAgentSheet({ open, onOpenChange }: AddAgentSheetProps) {
                 </StepperContent>
 
                 <StepperContent value={3} className="grid gap-3">
-                  <StepperDescription>
+                  <p className="text-muted-foreground text-sm">
                     Проверьте параметры перед созданием.
-                  </StepperDescription>
+                  </p>
                   <div className="bg-muted flex flex-col gap-1 rounded-lg p-3 text-sm">
                     <div>
                       <span className="text-muted-foreground">Платформа: </span>