feat: add theme palette to AppErrorPage (#36321)

Author: juliajforesti

.changeset/big-bees-crash.md

@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': minor
+---
+
+Adds theme palette to Application error page

apps/meteor/client/views/root/AppErrorPage.tsx

@@ -1,4 +1,5 @@
-import { Box, States, StatesAction, StatesActions, StatesIcon, StatesSubtitle, StatesTitle } from '@rocket.chat/fuselage';
+import { Box, PaletteStyleTag, States, StatesAction, StatesActions, StatesIcon, StatesSubtitle, StatesTitle } from '@rocket.chat/fuselage';
+import { useThemeMode } from '@rocket.chat/ui-theming';
 import type { ErrorInfo, ReactElement } from 'react';
 
 type AppErrorPageProps = {
@@ -8,30 +9,35 @@ type AppErrorPageProps = {
 };
 
 const AppErrorPage = (_props: AppErrorPageProps): ReactElement => {
+	const [, , theme] = useThemeMode();
+
 	return (
-		<Box display='flex' justifyContent='center' height='full' backgroundColor='surface'>
-			<States>
-				<StatesIcon name='error-circle' />
-				<StatesTitle>Application Error</StatesTitle>
-				<StatesSubtitle>The application GUI just crashed.</StatesSubtitle>
+		<>
+			<PaletteStyleTag theme={theme} tagId='app-error-palette' />
+			<Box display='flex' justifyContent='center' height='full' backgroundColor='surface'>
+				<States>
+					<StatesIcon name='error-circle' />
+					<StatesTitle>Application Error</StatesTitle>
+					<StatesSubtitle>The application GUI just crashed.</StatesSubtitle>
 
-				<StatesActions>
-					<StatesAction
-						onClick={() => {
-							const result = indexedDB.deleteDatabase('MeteorDynamicImportCache');
-							result.onsuccess = () => {
-								window.location.reload();
-							};
-							result.onerror = () => {
-								window.location.reload();
-							};
-						}}
-					>
-						Reload Application
-					</StatesAction>
-				</StatesActions>
-			</States>
-		</Box>
+					<StatesActions>
+						<StatesAction
+							onClick={() => {
+								const result = indexedDB.deleteDatabase('MeteorDynamicImportCache');
+								result.onsuccess = () => {
+									window.location.reload();
+								};
+								result.onerror = () => {
+									window.location.reload();
+								};
+							}}
+						>
+							Reload Application
+						</StatesAction>
+					</StatesActions>
+				</States>
+			</Box>
+		</>
 	);
 };