update sci react ui (#18)

Author: jacobfilik

web-conexs-client/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "3dmol": "^2.4.2",
-    "@diamondlightsource/sci-react-ui": "^0.1.0",
+    "@diamondlightsource/sci-react-ui": "^0.2.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@h5web/lib": "^13.0.0",

web-conexs-client/pnpm-lock.yaml

@@ -18,18 +18,25 @@ export default function Header() {
   const handleLogout = () => window.location.assign("/oauth2/sign_out");
 
   return (
-    <Navbar logo="theme">
-      <SideDrawer />
+    <Navbar
+      logo="theme"
+      leftSlot={<SideDrawer />}
+      rightSlot={
+        <>
+          <User
+            color="white"
+            onLogin={handleLogin}
+            onLogout={handleLogout}
+            user={user == null ? null : { fedid: user.identifier }}
+          />
+          <ColourSchemeButton />
+        </>
+      }
+      containerWidth={false}
+    >
       <Typography variant="h4" color={theme.palette.primary.contrastText}>
         Web-CONEXS
       </Typography>
-      <User
-        color="white"
-        onLogin={handleLogin}
-        onLogout={handleLogout}
-        user={user == null ? null : { fedid: user.identifier }}
-      />
-      <ColourSchemeButton />
     </Navbar>
   );
 }