Move Page components and useEmbeddedLayout hook

Author: tassoevan

apps/meteor/client/components/Page/index.ts

@@ -1,8 +1,7 @@
 import { Box, Button, ButtonGroup, Skeleton } from '@rocket.chat/fuselage';
+import { Page, PageHeader, PageContent } from '@rocket.chat/ui-client';
 import type { ReactElement } from 'react';
 
-import { Page, PageHeader, PageContent } from './Page';
-
 const PageSkeleton = (): ReactElement => (
 	<Page>
 		<PageHeader title={<Skeleton width='x320' maxWidth='full' />}>

apps/meteor/client/components/PageSkeleton.tsx

@@ -1,10 +1,10 @@
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
+import { useEmbeddedLayout } from '@rocket.chat/ui-client';
 import { useLayout, useSession } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
 import { memo } from 'react';
 
 import SidebarTogglerButton from './SidebarTogglerButton';
-import { useEmbeddedLayout } from '../../hooks/useEmbeddedLayout';
 
 const SideBarToggler = (): ReactElement => {
 	const { sidebar } = useLayout();

apps/meteor/client/components/SidebarToggler/index.ts

@@ -1,10 +1,10 @@
 import { css } from '@rocket.chat/css-in-js';
 import { Box, Button, IconButton } from '@rocket.chat/fuselage';
 import { UserAvatar } from '@rocket.chat/ui-avatar';
+import { useEmbeddedLayout } from '@rocket.chat/ui-client';
 import type { ReactNode, ComponentProps } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useEmbeddedLayout } from '../../hooks/useEmbeddedLayout';
 import MarkdownText from '../MarkdownText';
 import * as Status from '../UserStatus';
 import UserCardActions from './UserCardActions';

apps/meteor/client/components/SidebarTogglerV2/SidebarToggler.tsx

@@ -1,11 +1,11 @@
 import { type IMessage, type ISubscription, type IRoom, isE2EEMessage } from '@rocket.chat/core-typings';
+import { useEmbeddedLayout } from '@rocket.chat/ui-client';
 import { usePermission, useRouter, useUser } from '@rocket.chat/ui-contexts';
 import { useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useShallow } from 'zustand/shallow';
 
 import type { MessageActionConfig } from '../../../../app/ui-utils/client/lib/MessageAction';
-import { useEmbeddedLayout } from '../../../hooks/useEmbeddedLayout';
 import { roomCoordinator } from '../../../lib/rooms/roomCoordinator';
 import { Rooms, Subscriptions } from '../../../stores';
 

apps/meteor/client/components/UserCard/UserCard.tsx

@@ -16,7 +16,7 @@ import {
 	Select,
 	ToggleSwitch,
 } from '@rocket.chat/fuselage';
-import { ExternalLink } from '@rocket.chat/ui-client';
+import { ExternalLink, Page, PageHeader, PageScrollableContentWithShadow, PageFooter } from '@rocket.chat/ui-client';
 import { useTranslation, useToastMessageDispatch, useEndpoint, useSetting } from '@rocket.chat/ui-contexts';
 import { useMutation } from '@tanstack/react-query';
 import { useId, useMemo } from 'react';
@@ -28,7 +28,6 @@ import type { AccessibilityPreferencesData } from './hooks/useAcessibilityPrefer
 import { useAccessiblityPreferencesValues } from './hooks/useAcessibilityPreferencesValues';
 import { useCreateFontStyleElement } from './hooks/useCreateFontStyleElement';
 import { themeItems as themes } from './themeItems';
-import { Page, PageHeader, PageScrollableContentWithShadow, PageFooter } from '../../../components/Page';
 import { getDirtyFields } from '../../../lib/getDirtyFields';
 import { links } from '../../../lib/links';
 

apps/meteor/client/components/message/toolbar/useReplyInDMAction.ts

@@ -1,8 +1,8 @@
+import { Page, PageHeader, PageContent } from '@rocket.chat/ui-client';
 import type { ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import DeviceManagementAccountTable from './DeviceManagementAccountTable';
-import { Page, PageHeader, PageContent } from '../../../components/Page';
 
 const DeviceManagementAccountPage = (): ReactElement => {
 	const { t } = useTranslation();

apps/meteor/client/hooks/useEmbeddedLayout.ts

@@ -16,14 +16,13 @@ import {
 	Callout,
 	Margins,
 } from '@rocket.chat/fuselage';
-import { usePreferenceFeaturePreviewList } from '@rocket.chat/ui-client';
+import { usePreferenceFeaturePreviewList, Page, PageHeader, PageScrollableContentWithShadow, PageFooter } from '@rocket.chat/ui-client';
 import type { TranslationKey } from '@rocket.chat/ui-contexts';
 import { useToastMessageDispatch, useTranslation, useEndpoint } from '@rocket.chat/ui-contexts';
 import type { ChangeEvent } from 'react';
 import { useEffect, Fragment } from 'react';
 import { useForm } from 'react-hook-form';
 
-import { Page, PageHeader, PageScrollableContentWithShadow, PageFooter } from '../../../components/Page';
 import { useFeaturePreviewEnableQuery } from '../../../hooks/useFeaturePreviewEnableQuery';
 
 const AccountFeaturePreviewPage = () => {