Update login page appearance

web/app/routes/login/route.tsx

@@ -1,8 +1,11 @@
 import { useAuth } from "@/util/auth";
 import {
-  Box,
   Button,
+  Center,
+  Container,
+  Fieldset,
   Group,
+  Image,
   PasswordInput,
   Stack,
   TextInput,
@@ -21,11 +24,16 @@ export default function Login() {
   const { signin } = useAuth();
 
   return (
+    <Container h="75%">
       <Stack gap="md" h="100%" justify="center" align="stretch">
+        <Center>
+          <Image src="/logo.png" w="100px" />
+        </Center>
         <Title order={2} style={{ textAlign: "center" }}>
-        Login
+          Tailfin
         </Title>
-      <Box maw={340} mx="auto">
+        <Center>
+          <Fieldset legend="Log In" w="350px">
             <form
               onSubmit={form.onSubmit((values) => {
                 signin(values);
@@ -45,7 +53,9 @@ export default function Login() {
                 <Button type="submit">Log In</Button>
               </Group>
             </form>
-      </Box>
+          </Fieldset>
+        </Center>
       </Stack>
+    </Container>
   );
 }