Updated website, team and user save.

src/components/layout/PageHeader.module.css

@@ -27,6 +27,11 @@
   flex: 1;
 }
 
+.icon {
+  color: var(--base700);
+  margin-right: 1rem;
+}
+
 .actions {
   display: flex;
   justify-content: flex-end;

src/components/layout/PageHeader.tsx

@@ -1,16 +1,26 @@
 import classNames from 'classnames';
 import React, { ReactNode } from 'react';
+import { Icon } from 'react-basics';
 import styles from './PageHeader.module.css';
 
-export interface PageHeaderProps {
+export function PageHeader({
+  title,
+  icon,
+  className,
+  children,
+}: {
   title?: ReactNode;
+  icon?: ReactNode;
   className?: string;
   children?: ReactNode;
-}
-
-export function PageHeader({ title, className, children }: PageHeaderProps) {
+}) {
   return (
     <div className={classNames(styles.header, className)}>
+      {icon && (
+        <Icon size="lg" className={styles.icon}>
+          {icon}
+        </Icon>
+      )}
       {title && <div className={styles.title}>{title}</div>}
       <div className={styles.actions}>{children}</div>
     </div>