refactor: Replace legacy UI components with new App components across various files for improved consistency and maintainability

apps/web/src/routes/_auth/domains/index.tsx

@@ -22,9 +22,9 @@ import { FormSheet } from '@/components/form-sheet'
 import { FormFieldSimple } from '@/components/form-field'
 import { LoadingButton } from '@/components/loading-button'
 import { TableSkeleton } from '@/components/table-skeleton'
-import { Button } from '@cfdm/ui/components/button'
-import { Input } from '@cfdm/ui/components/input'
-import { FieldGroup } from '@cfdm/ui/components/field'
+import { AppButton } from '@/components/app-button'
+import { AppInput } from '@/components/app-input'
+import { AppFieldGroup } from '@/components/app-field'
 import {
   Select,
   SelectContent,
@@ -145,10 +145,10 @@ function DomainsPage() {
         description={`${tableData.length} зон · ${tableData.reduce((sum, d) => sum + d.service_count, 0)} привязок сервисов`}
         actions={
           <>
-            <Button variant="outline" nativeButton={false} render={<Link to="/groups" />}>
+            <AppButton variant="outline" nativeButton={false} render={<Link to="/groups" />}>
               Канбан групп
-            </Button>
-            <Button onClick={() => setSheetOpen(true)}>Импортировать домен</Button>
+            </AppButton>
+            <AppButton onClick={() => setSheetOpen(true)}>Импортировать домен</AppButton>
           </>
         }
       />
@@ -175,11 +175,11 @@ function DomainsPage() {
           emptyIcon={GlobeIcon}
           emptyAction={
             isZeroResults ? (
-              <Button variant="outline" onClick={() => setFilterGroupId('')}>
+              <AppButton variant="outline" onClick={() => setFilterGroupId('')}>
                 Сбросить фильтр
-              </Button>
+              </AppButton>
             ) : (
-              <Button onClick={() => setSheetOpen(true)}>Импортировать домен</Button>
+              <AppButton onClick={() => setSheetOpen(true)}>Импортировать домен</AppButton>
             )
           }
         >
@@ -214,13 +214,13 @@ function DomainsPage() {
           </LoadingButton>
         }
       >
-        <FieldGroup>
+        <AppFieldGroup>
           <FormFieldSimple
             label="Имя зоны"
             htmlFor="zone_name"
             error={form.formState.errors.zone_name}
           >
-            <Input
+            <AppInput
               id="zone_name"
               placeholder="example.com"
               {...form.register('zone_name')}
@@ -245,7 +245,7 @@ function DomainsPage() {
               </SelectContent>
             </Select>
           </FormFieldSimple>
-        </FieldGroup>
+        </AppFieldGroup>
       </FormSheet>
     </PageShell>
   )