Show a nicer error message when server is installing

resources/scripts/components/elements/ContentContainer.tsx

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { breakpoint } from 'styled-components-breakpoint';
+
+const ContentContainer = styled.div`
+    max-width: 1200px;
+    ${tw`mx-4`};
+
+    ${breakpoint('xl')`
+        ${tw`mx-auto`};
+    `};
+`;
+
+export default ContentContainer;

resources/scripts/components/elements/PageContentBlock.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import ContentContainer from '@/components/elements/ContentContainer';
+import { CSSTransition } from 'react-transition-group';
+
+interface Props {
+    children: React.ReactNode;
+}
+
+export default ({ children }: Props) => (
+    <CSSTransition timeout={250} classNames={'fade'} appear={true} in={true}>
+        <>
+            <ContentContainer className={'my-10'}>
+                {children}
+            </ContentContainer>
+            <ContentContainer className={'mb-4'}>
+                <p className={'text-right text-neutral-500 text-xs'}>
+                    &copy; 2015 - 2020&nbsp;
+                    <a
+                        rel={'noopener nofollow'}
+                        href={'https://pterodactyl.io'}
+                        target={'_blank'}
+                        className={'no-underline text-neutral-500 hover:text-neutral-300'}
+                    >
+                        Pterodactyl Software
+                    </a>
+                </p>
+            </ContentContainer>
+        </>
+    </CSSTransition>
+);