feat: update PublicLayout and Login components with new styles and text

Author: https-richardy

UIs/Merchants/src/app/layouts/public/index.tsx

@@ -3,7 +3,7 @@ import { Outlet } from 'react-router';
 export function PublicLayout() {
   return (
     <div className="min-h-screen flex items-center justify-center ">
-      <main className="w-full max-w-md bg-white ring-1 ring-zinc-200 dark:bg-zinc-700 dark:ring-1 dark:ring-zinc-600 p-6 rounded-lg shadow">
+      <main className="w-full max-w-md p-6">
         <Outlet />
       </main>
     </div>

UIs/Merchants/src/features/auth/components/login-form/header.tsx

@@ -7,12 +7,12 @@ export function LoginHeader() {
         <AppLogo className="w-64" />
       </div>
 
-      <h1 className="text-xl font-bold">Faça login na sua conta.</h1>
+      <h1 className="text-xl font-bold">OS PEDIDOS TE ESPERAM</h1>
 
       <div className="text-center text-sm">
         Não possui uma conta?{' '}
         <a href="/" className="underline underline-offset-4">
-          Contate o adminstrador
+          Entre para o beta gratuito
         </a>
       </div>
     </div>

UIs/Merchants/src/features/auth/components/login-form/index.tsx

@@ -41,7 +41,7 @@ export function LoginForm() {
               <SubmitingButton
                 label="Acessar"
                 state={isPending}
-                className="bg-red-700 text-white font-bold hover:bg-red-800"
+                className="bg-primary text-primary-foreground font-bold hover:bg-primary/90"
               />
             </div>
           </div>

UIs/Merchants/src/shared/components/global/logo/index.tsx

@@ -1,4 +1,5 @@
 import { cn } from '@/shared/utils';
+import logo from "../../../../assets/logo.png";
 
 interface AppLogoProps {
   className?: string;
@@ -7,7 +8,7 @@ interface AppLogoProps {
 export function AppLogo({ className }: AppLogoProps) {
   return (
     <img
-      src={""}
+      src={logo}
       width={420}
       height={400}
       className={cn('w-full', className)}