feat: add pages & fix logo

src/app/(auth)/error/page.tsx

@@ -0,0 +1,5 @@
+const ErrorPage = () => {
+  return <div>Error Page</div>;
+};
+
+export default ErrorPage;

src/app/(auth)/layout.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function AuthLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <main className="flex flex-col items-center justify-center min-h-screen w-full bg-muted/30">
+      {children}
+    </main>
+  );
+}

src/app/(auth)/new-password/page.tsx

@@ -0,0 +1,5 @@
+const NewPassword = () => {
+  return <div>New Password Page</div>;
+};
+
+export default NewPassword;

src/app/(auth)/new-verification/page.tsx

@@ -0,0 +1,5 @@
+const NewVerificationPage = () => {
+  return <div>NewVerification Page</div>;
+};
+
+export default NewVerificationPage;

src/app/(auth)/reset/page.tsx

@@ -0,0 +1,5 @@
+const ResetPage = () => {
+  return <div>Reset Page</div>;
+};
+
+export default ResetPage;

src/app/(main)/layout.tsx

@@ -4,9 +4,9 @@ import Navbar from "@/components/sections/navbar/nav";
 
 export default function MainLayout({
   children,
-}: {
+}: Readonly<{
   children: React.ReactNode;
-}) {
+}>) {
   return (
     <>
       <Navbar />

src/components/ui/logo.tsx

@@ -17,7 +17,13 @@ const Logo = ({ className }: ILogoProps) => {
           className
         )}
       >
-        <Image src="/DB-NextStarter.svg" alt="Logo" fill priority />
+        <Image
+          src="/DB-NextStarter.svg"
+          alt="Logo"
+          fill
+          priority
+          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+        />
       </Link>
       <Link
         href="/"
@@ -26,7 +32,13 @@ const Logo = ({ className }: ILogoProps) => {
           className
         )}
       >
-        <Image src="/favicon.png" alt="Logo" fill priority />
+        <Image
+          src="/favicon.png"
+          alt="Logo"
+          fill
+          priority
+          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+        />
       </Link>
     </>
   );