add session route

id.saladeaula.digital/client/app/routes/home.tsx

@@ -22,14 +22,11 @@ const schema = z.object({
 type Schema = z.infer<typeof schema>
 
 export function meta({}: Route.MetaArgs) {
-  return [
-    { title: 'EDUSEG®' },
-    { name: 'description', content: 'Welcome to React Router!' }
-  ]
+  return [{ title: 'EDUSEG®' }]
 }
 
 export function loader({ context }: Route.LoaderArgs) {
-  return { message: context.cloudflare.env.VALUE_FROM_CLOUDFLARE }
+  return { message: context.cloudflare.env.ISSUER_URL }
 }
 
 export default function Home({ loaderData }: Route.ComponentProps) {
@@ -67,7 +64,7 @@ export default function Home({ loaderData }: Route.ComponentProps) {
 
             <div className="grid gap-3">
               <Label htmlFor="email">Email ou CPF</Label>
-              <Input id="email" type="text" required />
+              <Input id="email" {...register('username')} />
             </div>
 
             <div className="grid gap-3">
@@ -80,7 +77,7 @@ export default function Home({ loaderData }: Route.ComponentProps) {
                   Esqueceu sua senha?
                 </a>
               </div>
-              <Input id="password" type="password" required />
+              <Input id="password" {...register('password')} />
             </div>
             <Button type="submit" className="w-full bg-lime-400 cursor-pointer">
               Entrar

id.saladeaula.digital/client/app/routes/layout.tsx

@@ -8,7 +8,7 @@ export default function Layout() {
         href="//eduseg.com.br"
         className="flex items-center gap-0.5 absolute top-5 left-5 text-sm z-1"
       >
-        <ChevronLeftIcon className="size-5" /> Página incial
+        <ChevronLeftIcon className="size-5" /> Página inicial
       </a>
       <div className="w-full max-w-sm relative z-1">
         <Outlet />