feat(app): updates dependencies and refactors code

- Removes unnecessary dependency @biomejs/biome
- Adds prisma dependency for database management
- Updates preview image quality to 100
- Refactors code for improved readability and maintainability
- Removes unnecessary file src/pages/home/components/- ClaimUsernameForm/indext.tsx
- Adds new file src/pages/home/components/ClaimUsernameForm/index.tsx with updated functionality

package.json

@@ -13,7 +13,6 @@
     "postinstall": "prisma generate"
   },
   "dependencies": {
-    "@biomejs/biome": "^1.9.4",
     "@hookform/resolvers": "^3.10.0",
     "@prisma/client": "^6.3.0",
     "@rafaumeu-ignite-ui/react": "latest",
@@ -29,17 +28,18 @@
     "phosphor-react": "^1.4.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "prisma": "^6.3.0",
     "react-hook-form": "^7.54.2",
     "zod": "^3.24.1"
   },
   "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
     "@types/cookies": "^0.9.0",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "dotenv": "^16.4.7",
-    "prisma": "^6.3.0",
     "typescript": "^5"
   },
   "packageManager": "yarn@3.4.1"
-}
+}

src/pages/_app.page.tsx

@@ -5,6 +5,7 @@ import { QueryClientProvider } from '@tanstack/react-query'
 import { SessionProvider } from 'next-auth/react'
 import type { AppProps } from 'next/app'
 import { DefaultSeo } from 'next-seo'
+
 globalStyles()
 
 export default function App({
@@ -15,11 +16,19 @@ export default function App({
     <QueryClientProvider client={queryClient}>
       <SessionProvider session={session}>
         <DefaultSeo
+          titleTemplate="Ignite Call | %s"
+          description="A plataforma de agendamento descomplicada."
           openGraph={{
             type: 'website',
             locale: 'pt_BR',
-            url: 'https://www.url.ie/',
+            url: 'https://www.ignitecall.com/',
             siteName: 'Ignite Call',
+            images: [
+              {
+                url: 'https://www.ignitecall.com//_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapp-preview.786e5de9.png&w=1920&q=100',
+                alt: 'Imagem padrão do Ignite Call',
+              },
+            ],
           }}
         />
         <Component {...pageProps} />

src/pages/home/index.tsx

@@ -1,18 +1,28 @@
-
 import { Heading, Text } from '@rafaumeu-ignite-ui/react'
 import Image from 'next/image'
 import previewImage from '../../assets/app-preview.png'
 
 import { NextSeo } from 'next-seo'
-import { Container, Hero, Preview } from '@/pages/home/styles'
-import { ClaimUserNameForm } from '@/pages/home/components/ClaimUsernameForm/indext'
+import { Container, Hero, Preview } from './styles' 
+import { ClaimUserNameForm } from '@/pages/home/components/ClaimUsernameForm' 
 
 export default function Home() {
   return (
     <>
       <NextSeo
         title="Descomplique sua agenda | Ignite Call"
         description="Conecte seu calendário e permita que as pessoas marquem agendamentos no seu tempo livre."
+        openGraph={{
+          title: "Descomplique sua agenda | Ignite Call",
+          description: "Conecte seu calendário e permita que as pessoas marquem agendamentos no seu tempo livre.",
+          images: [
+            {
+              url: previewImage.src,
+              alt: 'Calendário simbolizando a aplicação em funcionamento',
+            },
+          ],
+          url: 'https://www.ignitecall.com/home',
+        }}
       />
       <Container>
         <Hero>
@@ -27,7 +37,7 @@ export default function Home() {
           <Image
             src={previewImage}
             height={400}
-            quality={100}  // Changed from 100 to 75
+            quality={100}
             alt="Calendário simbolizando a aplicação em funcionamento"
             priority
           />