chore: minor style fixes

apps/app/src/app/(app)/page.tsx

@@ -11,17 +11,17 @@ import Image from "next/image";
 
 export default function Page() {
 	return (
-		<>
+		<main className="flex flex-col w-full grow relative">
 			{/**
 			 * ### MARK: Hero
 			 */}
 
-			<div className="flex flex-col justify-center min-h-[800px] md:min-h-[1000px] items-center relative pb-[20vh] px-2 md:mb-[450px]">
+			<div className="flex flex-col justify-center h-full min-h-[800px] md:min-h-[1000px] items-center relative pb-[50vh] px-2 overflow-hidden">
 				<img
 					src="/images/arts/splash_01.svg"
 					alt=""
 					fetchPriority="high"
-					className="absolute z-[-1] w-full min-w-[840px] bg-cover"
+					className="absolute xl:top-[-40vh] z-[-1] w-full min-w-[840px] bg-cover"
 				/>
 
 				<h1 className="text-3xl md:text-7xl font-bold max-w-screen-xl text-center text-white animate-top-in mb-8">
@@ -35,7 +35,7 @@ export default function Page() {
 					src="/images/arts/line_01.svg"
 					alt=""
 					fetchPriority="high"
-					className="absolute z-[-1] w-full !top-[70%]"
+					className="absolute z-[-1] w-full !top-[50%]"
 				/>
 
 				<Link
@@ -54,7 +54,7 @@ export default function Page() {
 					alt=""
 					width={1100}
 					height={679}
-					className="z-[-1] absolute top-[65%]"
+					className="z-[-1] absolute top-[50%]"
 					priority
 				/>
 			</div>
@@ -348,6 +348,6 @@ export default function Page() {
 					</Link>
 				</div>
 			</div>
-		</>
+		</main>
 	);
 }

apps/app/src/app/(app)/profiles/[id]/edit/page.tsx

@@ -82,11 +82,14 @@ export default async function Page({ params }: { params: { id: string } }) {
 				</Dialog>
 			</h1>
 
-			<ProfileForm onSubmit={update} data={data} schema="update" require>
-				<Link href="/" className={buttonVariants({ variant: "outline" })}>
+			<ProfileForm onSubmit={update} data={data}>
+				<Link
+					href="/profiles"
+					className={buttonVariants({ variant: "outline" })}
+				>
 					Voltar
 				</Link>
-				<Button type="submit" className="w-full max-w-[180px]">
+				<Button type="submit" className="w-full md:max-w-[180px]">
 					Atualizar
 				</Button>
 			</ProfileForm>

apps/app/src/app/(app)/profiles/new/page.tsx

@@ -55,16 +55,19 @@ export default function Page() {
 	}
 
 	return (
-		<main className="grow flex flex-col justify-center items-center my-16 px-2">
+		<main className="grow flex flex-col justify-center items-center my-16 px-4">
 			<h1 className="w-full max-w-5xl text-3xl font-bold mb-4 text-primary">
 				{t("create-title")}
 			</h1>
 
 			<ProfileForm onSubmit={store}>
-				<Link href="/" className={buttonVariants({ variant: "outline" })}>
+				<Link
+					href="/profiles"
+					className={buttonVariants({ variant: "outline" })}
+				>
 					{t("back")}
 				</Link>
-				<Button type="submit" className="w-full max-w-[180px]">
+				<Button type="submit" className="w-full md:max-w-[180px]">
 					{t("create")}
 				</Button>
 			</ProfileForm>

apps/app/src/app/(auth)/layout.tsx

@@ -5,8 +5,8 @@ import Footer from "../_components/footer";
 export default function Layout({ children }: { children: React.ReactNode }) {
 	return (
 		<>
-			<div className="relative grow flex flex-col justify-center items-center overflow-hidden animate-fade-in pb-[15vh]">
-				<span className="absolute top-1 left-1 flex gap-2 opacity-50 text-primary">
+			<div className="relative grow flex flex-col justify-center items-center animate-fade-in py-[15vh]">
+				<span className="absolute top-3 left-3 flex gap-2 opacity-50 text-primary">
 					<Image
 						alt="logo"
 						height={20}

apps/app/src/app/_components/footer.tsx

@@ -15,11 +15,11 @@ export default function Footer(props: Props) {
 	return (
 		<footer
 			className={cn(
-				"w-full flex flex-col flex-wrap gap-4 justify-evenly items-center py-4 px-2",
+				"w-full flex flex-col flex-wrap gap-4 justify-evenly items-center p-4",
 				props.className,
 			)}
 		>
-			<div className="flex flex-col md:flex-row text-center md:text-left container mx-auto gap-8">
+			<div className="flex flex-col md:flex-row text-center md:text-left !p-0 container mx-auto gap-8">
 				<div className="flex flex-col w-full md:w-1/4">
 					<Link
 						href="/"

apps/app/src/app/manifest.ts

@@ -20,7 +20,7 @@ export async function generate(lang: string) {
 		description: t("description"),
 		start_url: "/",
 		display: "browser",
-		background_color: "#DFF2FD",
+		background_color: "#3a506b",
 		theme_color: "#3a506b",
 		orientation: "portrait",
 		dir: "ltr",

apps/app/src/modules/profile/components/profile-form.tsx

@@ -58,7 +58,7 @@ export default function ProfileFormV2(props: Props) {
 				<ProfileFormLocation />
 				<ProfileFormContact />
 
-				<div className="w-full flex gap-4 justify-center sticky bottom-0 bg-[#DBF0FD] p-4">
+				<div className="w-full flex gap-2 justify-center sticky bottom-0 bg-[#DBF0FD] py-2">
 					{props.children}
 				</div>
 			</Tabs>

packages/services/src/services/user.ts

@@ -4,14 +4,14 @@ import { db } from "../lib/db";
 import service from "../lib/service";
 
 const userService = service({
-	index({ page, limit }: Pagination) {
+	async index({ page, limit }: Pagination) {
 		return db.user.paginate({
 			page,
 			limit,
 		});
 	},
 
-	create(data: User & { emailVerified: Date }, { user }) {
+	async create(data: User & { emailVerified: Date }, { user }) {
 		if (user?.id) return user;
 
 		return db.user.create({
@@ -26,13 +26,13 @@ const userService = service({
 		});
 	},
 
-	show(id?: string | null) {
+	async show(id?: string | null) {
 		if (!id) return undefined;
 
 		return db.user.findUnique({ where: { id } });
 	},
 
-	byProvider({ provider, value }: { provider: string; value: string }) {
+	async byProvider({ provider, value }: { provider: string; value: string }) {
 		if (!value) return undefined;
 
 		return db.user.findFirst({