Style update for User Info Endpoint (#3055)

* style changes from mui 5

* fix spacing issue on small screen

* remove unneeded import

* add default exports

* make linter happy

* more style changes

* use startCase from lodash

Co-authored-by: Caleb Doxsey <cdoxsey@pomerium.com>

ui/src/context/Subpage.tsx

@@ -0,0 +1,31 @@
+import React, {createContext, FC, useState} from 'react'
+
+export interface SubpageContextValue {
+  subpage: string;
+  setSubpage: (subpage: string) => void;
+}
+
+export const SubpageContext = createContext<SubpageContextValue>({
+  subpage: "User",
+  setSubpage: (_: string) => {},
+});
+
+export const SubpageContextProvider:FC = ({children}) => {
+
+  const setSubpage = (subpage: string) => {
+    setState({...state, subpage})
+  }
+
+  const initState = {
+    subpage: "User",
+    setSubpage
+  }
+
+  const [state, setState] = useState(initState)
+
+  return (
+    <SubpageContext.Provider value={state}>
+      {children}
+    </SubpageContext.Provider>
+  )
+}