Create app namespace for all absolute requires of app modules. Move all packages under packages yarn workspace

packages/app/components/auth/appInfo/AppInfo.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { FormattedMessage as Message } from 'react-intl';
+import { Button } from 'app/components/ui/form';
+import { FooterMenu } from 'app/components/footerMenu';
+
+import styles from './appInfo.scss';
+import messages from './AppInfo.intl.json';
+
+export default class AppInfo extends React.Component<{
+  name?: string;
+  description?: string;
+  onGoToAuth: () => void;
+}> {
+  render() {
+    const { name, description, onGoToAuth } = this.props;
+
+    return (
+      <div className={styles.appInfo}>
+        <div className={styles.logoContainer}>
+          <h2 className={styles.logo}>
+            {name ? name : <Message {...messages.appName} />}
+          </h2>
+        </div>
+        <div className={styles.descriptionContainer}>
+          {description ? (
+            <p className={styles.description}>{description}</p>
+          ) : (
+            <div>
+              <p className={styles.description}>
+                <Message {...messages.appDescription} />
+              </p>
+              <p className={styles.description}>
+                <Message
+                  {...messages.useItYourself}
+                  values={{
+                    link: (
+                      <a href="http://docs.ely.by/oauth.html">
+                        <Message {...messages.documentation} />
+                      </a>
+                    ),
+                  }}
+                />
+              </p>
+            </div>
+          )}
+        </div>
+        <div className={styles.goToAuth}>
+          <Button onClick={onGoToAuth} label={messages.goToAuth} />
+        </div>
+
+        <div className={styles.footer}>
+          <FooterMenu />
+        </div>
+      </div>
+    );
+  }
+}