feat(site): Read users into basic UsersTable (#981)

* Start users

* Set up fake response

* Update handler

* Update types

* Set up page

* Start adding table

* Add header

* Add Header

* Remove roles

* Add UsersPageView

* Add test

* Lint

* Storybook error summary

* Strip Pager to just what's currently needed

* Clean up ErrorSummary while I'm here

* Storybook tweaks

* Extract language

* Lint

* Add missing $

Co-authored-by: G r e y <grey@coder.com>

* Lint

* Lint

* Fix syntax error

* Lint

Co-authored-by: G r e y <grey@coder.com>

site/src/pages/UsersPage/UsersPageView.tsx

@@ -0,0 +1,32 @@
+import { makeStyles } from "@material-ui/core/styles"
+import React from "react"
+import { Pager, UserResponse } from "../../api/types"
+import { Header } from "../../components/Header"
+import { UsersTable } from "../../components/UsersTable/UsersTable"
+
+export const Language = {
+  pageTitle: "Users",
+  pageSubtitle: (pager: Pager | undefined): string => (pager ? `${pager.total} total` : ""),
+}
+
+export interface UsersPageViewProps {
+  users: UserResponse[]
+  pager?: Pager
+}
+
+export const UsersPageView: React.FC<UsersPageViewProps> = ({ users, pager }) => {
+  const styles = useStyles()
+  return (
+    <div className={styles.flexColumn}>
+      <Header title={Language.pageTitle} subTitle={Language.pageSubtitle(pager)} />
+      <UsersTable users={users} />
+    </div>
+  )
+}
+
+const useStyles = makeStyles(() => ({
+  flexColumn: {
+    display: "flex",
+    flexDirection: "column",
+  },
+}))