regression: Reports button visible when downgrading from EE to CE (#30394)

Co-authored-by: Martin Schoeler <20868078+MartinSchoeler@users.noreply.github.com>

apps/meteor/client/views/omnichannel/sidebarItems.ts

@@ -13,12 +13,6 @@ export const {
 		i18nLabel: 'Current_Chats',
 		permissionGranted: (): boolean => hasPermission('view-livechat-current-chats'),
 	},
-	{
-		href: '/omnichannel/reports',
-		icon: 'file',
-		i18nLabel: 'Reports',
-		permissionGranted: (): boolean => hasPermission('view-livechat-reports'),
-	},
 	{
 		href: '/omnichannel/analytics',
 		icon: 'dashboard',

apps/meteor/ee/app/livechat-enterprise/client/views/livechatSideNavItems.ts

 import { hasPermission, hasAtLeastOnePermission } from '../../../../../app/authorization/client';
 import { registerOmnichannelSidebarItem } from '../../../../../client/views/omnichannel/sidebarItems';
 
+registerOmnichannelSidebarItem({
+	href: '/omnichannel/reports',
+	icon: 'file',
+	i18nLabel: 'Reports',
+	permissionGranted: (): boolean => hasPermission('view-livechat-reports'),
+});
+
 registerOmnichannelSidebarItem({
 	href: '/omnichannel/monitors',
 	icon: 'shield-blank',

apps/meteor/ee/client/omnichannel/reports/ReportsPage.tsx

 import { Box } from '@rocket.chat/fuselage';
-import { useTranslation } from '@rocket.chat/ui-contexts';
+import { usePermission, useTranslation } from '@rocket.chat/ui-contexts';
 import React from 'react';
 
 import Page from '../../../../client/components/Page';
+import NotAuthorizedPage from '../../../../client/views/notAuthorized/NotAuthorizedPage';
+import { useHasLicenseModule } from '../../hooks/useHasLicenseModule';
 import { ResizeObserver } from './components/ResizeObserver';
 import { AgentsSection, ChannelsSection, DepartmentsSection, StatusSection, TagsSection } from './sections';
 
 const ReportsPage = () => {
 	const t = useTranslation();
 
+	const hasPermission = usePermission('view-livechat-reports');
+	const isEnterprise = useHasLicenseModule('livechat-enterprise');
+
+	if (!hasPermission || !isEnterprise) {
+		return <NotAuthorizedPage />;
+	}
+
 	return (
 		<Page background='tint'>
 			<Page.Header title={t('Reports')} />