fix(routes): replace "login" with "log in"

This patch replaces the noun "Login" with the verb phrase "Log in" to
better represent what we're doing. We are not referring to your "Login"
(noun; meaning username + password) but rather that you _can_ "log in"
to the app by clicking a button or link to the log in page.

Ref: https://grammarist.com/spelling/log-in-login/
Ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label

app/root.tsx

@@ -276,6 +276,7 @@ function Header() {
       <div className='flex items-center'>
         {!matches.some((match) => match.id.includes('login')) && (
           <Link
+            aria-label={user ? 'Log out' : 'Log in'}
             className={buttonVariants({ size: 'icon', variant: 'ghost' })}
             to={user ? '/logout' : '/login'}
           >

app/routes/_layout.login.tsx

@@ -100,7 +100,7 @@ export default function LoginPage() {
     <Form asChild className='max-w-sm w-full mx-auto mt-6 p-6'>
       <RemixForm method='post' {...form.props}>
         <header className='mb-2'>
-          <h1 className='text-2xl font-medium'>Login</h1>
+          <h1 className='text-2xl font-medium'>Log in</h1>
           <p className='text-sm text-gray-500 dark:text-gray-400'>
             Don’t have an account?{' '}
             <Link
@@ -134,7 +134,7 @@ export default function LoginPage() {
           </FormControl>
         </FormField>
         <FormSubmit asChild>
-          <Button disabled={navigation.state !== 'idle'}>Login</Button>
+          <Button disabled={navigation.state !== 'idle'}>Log in</Button>
         </FormSubmit>
       </RemixForm>
     </Form>