fix: left only button when deal services table is empty on mobiles

src/modules/dealModularEditorTabs/FulfillmentBase/mobile/components/DealServiceTable/DealServicesTable.tsx

@@ -45,6 +45,8 @@ const DealServicesTable: FC = () => {
             scrollbars={"y"}
             type={"scroll"}>
             <Stack gap={"sm"}>
+                {dealServicesList.dealServices.length > 0 && (
+                    <>
                         <Flex
                             p={"sm"}
                             bd={"1px solid var(--mantine-color-default-border)"}
@@ -57,7 +59,10 @@ const DealServicesTable: FC = () => {
                             groups={undefined}
                             idAccessor={"serviceId"}
                             withTableBorder
+                            verticalSpacing={"md"}
                         />
+                    </>
+                )}
                 <AddDealServiceButton size={"lg"} />
             </Stack>
         </ScrollArea>