ui improvement

src/features/nearle-admin/PartnerAssignDrawer.tsx

@@ -1,6 +1,5 @@
 import { useMemo, useState } from 'react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { Text } from '@astryxdesign/core/Text';
 import { VStack } from '@astryxdesign/core/VStack';
 import { Bike, Check, Truck } from 'lucide-react';
 import { errorMessage } from '@/api/client';
@@ -8,7 +7,7 @@ import { tenantsApi } from '@/api/tenants';
 import { useAllPartners, useAppRegions } from '@/queries/hooks';
 import { queryKeys } from '@/queries/keys';
 import { Drawer } from '@/features/store-admin/Drawer';
-import { DrawerButton, DrawerCard, Note, Row, Section } from '@/features/store-admin/drawerKit';
+import { Alert, DrawerButton, DrawerCard, Note, Row, Section } from '@/features/store-admin/drawerKit';
 
 /**
  * Which delivery partner supplies a merchant's riders.
@@ -89,11 +88,7 @@ export function PartnerAssignDrawer({
       }
     >
       <VStack gap={2}>
-        {error ? (
-          <Text type="body" size="sm" style={{ color: 'var(--color-error, #d64545)' }}>
-            {error}
-          </Text>
-        ) : null}
+        {error ? <Alert>{error}</Alert> : null}
 
         <Note icon={<Bike size={15} />}>
           A partner supplies riders to this shop. With one set, the assign screen offers the