refactor: refactor code a bit

make a hook to abstarct logic from page
changes to .prettierrc
changes to a couple of imports/exports
bunch of screen reader tweaks

src/pages/500.tsx

@@ -1,6 +1,6 @@
-import ErrorInfo from '../components/Error/ErrorInfo';
+import ErrorInfo from '../components/error/ErrorInfo';
 
 const Error500 = () => {
-  return <ErrorInfo message='server messed up, sorry.' statusCode={500} />;
+  return <ErrorInfo message="server messed up, sorry." statusCode={500} />;
 };
 export default Error500;