Refactored settings components.

components/pages/settings/SettingsLayout.js

@@ -0,0 +1,23 @@
+import Layout from 'components/layout/Layout';
+import Menu from 'components/nav/Nav';
+import useRequireLogin from 'hooks/useRequireLogin';
+import styles from './SettingsLayout.module.css';
+
+export default function SettingsLayout({ children }) {
+  const { user } = useRequireLogin();
+
+  if (!user) {
+    return null;
+  }
+
+  return (
+    <Layout>
+      <div className={styles.dashboard}>
+        <div className={styles.nav}>
+          <Menu />
+        </div>
+        <div className={styles.content}>{children}</div>
+      </div>
+    </Layout>
+  );
+}