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

apps/web/src/routes/_auth/services.tsx

@@ -32,7 +32,7 @@ import { ServicesBoardSkeleton } from '@/components/services-board/services-boar
 import { ServicesBulkToolbar } from '@/components/services-board/services-bulk-toolbar'
 import { useServicesBoard } from '@/hooks/use-services-board'
 import { useServicesSelection } from '@/hooks/use-services-selection'
-import { Button } from '@cfdm/ui/components/button'
+import { AppButton } from '@/components/app-button'
 
 export const Route = createFileRoute('/_auth/services')({
   validateSearch: (search: Record<string, unknown>) => ({
@@ -416,10 +416,10 @@ function ServicesPage() {
         }
         actions={
           <div className="flex flex-wrap gap-2">
-            <Button variant="outline" onClick={() => setCreateGroupSheetOpen(true)}>
+            <AppButton variant="outline" onClick={() => setCreateGroupSheetOpen(true)}>
               Добавить группу
-            </Button>
-            <Button onClick={() => handleOpenCreateService()}>Добавить сервис</Button>
+            </AppButton>
+            <AppButton onClick={() => handleOpenCreateService()}>Добавить сервис</AppButton>
           </div>
         }
       />
@@ -450,10 +450,10 @@ function ServicesPage() {
             }
             action={
               <div className="flex flex-wrap justify-center gap-2">
-                <Button variant="outline" onClick={() => setCreateGroupSheetOpen(true)}>
+                <AppButton variant="outline" onClick={() => setCreateGroupSheetOpen(true)}>
                   Добавить группу
-                </Button>
-                <Button onClick={() => handleOpenCreateService()}>Добавить сервис</Button>
+                </AppButton>
+                <AppButton onClick={() => handleOpenCreateService()}>Добавить сервис</AppButton>
               </div>
             }
           />