fix: Missing padding on Omnichannel contacts `Contextualbar` loading state (#29379)

.changeset/wet-frogs-kiss.md

+---
+"@rocket.chat/meteor": patch
+---
+
+fix: Missing padding on Omnichannel contacts Contextualbar loading state

apps/meteor/client/views/omnichannel/directory/contacts/contextualBar/ContactEditWithData.js

-import { Box } from '@rocket.chat/fuselage';
+import { Box, ContextualbarContent } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
 import React, { useMemo } from 'react';
 
@@ -16,7 +16,11 @@ function ContactEditWithData({ id, close }) {
 	} = useEndpointData('/v1/omnichannel/contact', { params: useMemo(() => ({ contactId: id }), [id]) });
 
 	if ([state].includes(AsyncStatePhase.LOADING)) {
-		return <FormSkeleton />;
+		return (
+			<ContextualbarContent>
+				<FormSkeleton />
+			</ContextualbarContent>
+		);
 	}
 
 	if (error || !data || !data.contact) {

apps/meteor/client/views/omnichannel/directory/contacts/contextualBar/ContactNewEdit.tsx

 import type { ILivechatVisitor, Serialized } from '@rocket.chat/core-typings';
-import { Field, TextInput, ButtonGroup, Button } from '@rocket.chat/fuselage';
+import { Field, TextInput, ButtonGroup, Button, ContextualbarContent } from '@rocket.chat/fuselage';
 import { CustomFieldsForm } from '@rocket.chat/ui-client';
 import { useToastMessageDispatch, useEndpoint, useTranslation } from '@rocket.chat/ui-contexts';
 import { useQueryClient } from '@tanstack/react-query';
@@ -178,7 +178,11 @@ const ContactNewEdit = ({ id, data, close }: ContactNewEditProps): ReactElement
 	};
 
 	if (isLoadingCustomFields) {
-		return <FormSkeleton />;
+		return (
+			<ContextualbarContent>
+				<FormSkeleton />
+			</ContextualbarContent>
+		);
 	}
 
 	return (