Add invite modal

src/RoomButton.jsx

@@ -12,6 +12,7 @@ import { ReactComponent as SpotlightIcon } from "./icons/Spotlight.svg";
 import { ReactComponent as ScreenshareIcon } from "./icons/Screenshare.svg";
 import { ReactComponent as ChevronIcon } from "./icons/Chevron.svg";
 import { ReactComponent as UserIcon } from "./icons/User.svg";
+import { ReactComponent as AddUserIcon } from "./icons/AddUser.svg";
 import { ReactComponent as CheckIcon } from "./icons/Check.svg";
 
 export function RoomButton({ on, className, children, ...rest }) {
@@ -211,6 +212,15 @@ export function SettingsButton(props) {
   );
 }
 
+export function InviteButton(props) {
+  return (
+    <HeaderButton {...props}>
+      <ButtonTooltip>Add User</ButtonTooltip>
+      <AddUserIcon width={20} height={20} />
+    </HeaderButton>
+  );
+}
+
 export function LayoutToggleButton({ layout, setLayout, ...rest }) {
   return (
     <HeaderDropdownButton