CoastalCommitsPastes/client/pages/settings.tsx

import {
	Button,
	Divider,
	Text,
	Fieldset,
	Input,
	Page,
	Note,
	Textarea
} from "@geist-ui/core/dist"
import PageSeo from "@components/page-seo"
import styles from "@styles/Home.module.css"
import SettingsPage from "@components/settings"

const Settings = () => (
	<Page width={"100%"}>
		<PageSeo title="Drift - Settings" />
		<Page.Content
			className={styles.main}
			style={{ gap: "var(--gap)", display: "flex", flexDirection: "column" }}
		>
			<SettingsPage />
		</Page.Content>
	</Page>
)

export default Settings