NotFoundImage: Removed useless code (<Image />)

components/NotFoundImage/NotFoundImage.tsx

@@ -1,7 +1,15 @@
-import { createStyles, Image, Container, Title, Text, Button, SimpleGrid } from '@mantine/core';
-import image from './image.svg';
+import {
+  Button,
+  Container,
+  createStyles,
+  Image,
+  SimpleGrid,
+  Text,
+  Title,
+} from "@mantine/core";
+import image from "./image.svg";
 
-const useStyles = createStyles((theme) => ({
+const useStyles = createStyles(theme => ({
   root: {
     paddingTop: 80,
     paddingBottom: 80,
@@ -13,26 +21,22 @@ const useStyles = createStyles((theme) => ({
     marginBottom: theme.spacing.md,
     fontFamily: `Greycliff CF, ${theme.fontFamily}`,
 
-    [theme.fn.smallerThan('sm')]: {
+    [theme.fn.smallerThan("sm")]: {
       fontSize: 32,
     },
   },
 
   control: {
-    [theme.fn.smallerThan('sm')]: {
-      width: '100%',
+    [theme.fn.smallerThan("sm")]: {
+      width: "100%",
     },
   },
 
-  mobileImage: {
-    [theme.fn.largerThan('sm')]: {
-      display: 'none',
-    },
-  },
-
-  desktopImage: {
-    [theme.fn.smallerThan('sm')]: {
-      display: 'none',
+  container404: {
+    display: "flex",
+    flexDirection: "row-reverse",
+    [theme.fn.smallerThan("sm")]: {
+      flexDirection: "column",
     },
   },
 }));
@@ -42,19 +46,27 @@ export function NotFoundImage() {
 
   return (
     <Container className={classes.root}>
-      <SimpleGrid spacing={80} cols={2} breakpoints={[{ maxWidth: 'sm', cols: 1, spacing: 40 }]}>
-        <Image src={image} className={classes.mobileImage} />
+      <SimpleGrid
+        spacing={80}
+        cols={2}
+        breakpoints={[{ maxWidth: "sm", cols: 1, spacing: 40 }]}
+        className={classes.container404}>
+        <Image src={image.src} />
         <div>
           <Title className={classes.title}>Something is not right...</Title>
           <Text color="dimmed" size="lg">
-            Page you are trying to open does not exist. You may have mistyped the address, or the
-            page has been moved to another URL. If you think this is an error contact support.
+            Page you are trying to open does not exist. You may have mistyped
+            the address, or the page has been moved to another URL. If you think
+            this is an error contact support.
           </Text>
-          <Button variant="outline" size="md" mt="xl" className={classes.control}>
+          <Button
+            variant="outline"
+            size="md"
+            mt="xl"
+            className={classes.control}>
             Get back to home page
           </Button>
         </div>
-        <Image src={image.src} className={classes.desktopImage} />
       </SimpleGrid>
     </Container>
   );