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

apps/web/src/components/subdomain-edit-sheet.tsx

@@ -5,8 +5,8 @@ import { certMonitoringOptions } from '@/lib/cert-monitoring'
 import { formatServiceGroupLabel } from '@/lib/service-utils'
 import { FormFieldSimple } from '@/components/form-field'
 import { LoadingButton } from '@/components/loading-button'
-import { Input } from '@cfdm/ui/components/input'
-import { FieldDescription, FieldGroup } from '@cfdm/ui/components/field'
+import { AppInput } from '@/components/app-input'
+import { AppFieldDescription, AppFieldGroup } from '@/components/app-field'
 import {
   Select,
   SelectContent,
@@ -115,9 +115,9 @@ export function SubdomainEditSheet({
           </SheetDescription>
         </SheetHeader>
         <form onSubmit={handleSubmit} className="flex flex-col gap-4 px-4">
-          <FieldGroup>
+          <AppFieldGroup>
             <FormFieldSimple label="Имя" htmlFor="subdomain_name">
-              <Input
+              <AppInput
                 id="subdomain_name"
                 placeholder="www"
                 value={name}
@@ -168,16 +168,16 @@ export function SubdomainEditSheet({
                       ))}
                     </SelectContent>
                   </Select>
-                  <FieldDescription>
+                  <AppFieldDescription>
                     {
                       certMonitoringOptions.find((o) => o.value === certMonitoring)
                         ?.description
                     }
-                  </FieldDescription>
+                  </AppFieldDescription>
                 </FormFieldSimple>
               </>
             )}
-          </FieldGroup>
+          </AppFieldGroup>
           <SheetFooter>
             <LoadingButton
               type="submit"