NestJS backend rewrite; migrate client to FluentUI V9

client/src/pages/NotFound.tsx

@@ -1,15 +1,29 @@
-import { Flex, Text } from "@mantine/core";
+import { Text } from "@fluentui/react-components";
+import { makeStyles } from "@fluentui/react-components";
 import { IconError404 } from "@tabler/icons-react";
 
+const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center'
+    }
+})
+
 export default function NotFound() {
+    const classes = useStyles()
+
     return (
-        <Flex w={'100%'} h={'100%'} p='sm' gap='sm' align='center' justify='center'>
-            <Flex direction='column' gap='sm' align='center'>
+        <div style={{
+            width: '100%',
+            height: '100%',
+        }}>
+            <div className={classes.root}>
                 <IconError404 size={100} />
-                <Text size="xl" fw={500} ta='center'>
+                <Text size={500} weight='medium' align='center'>
                     Запрашиваемая страница не найдена.
                 </Text>
-            </Flex>
-        </Flex>
+            </div>
+        </div>
     )
 }