fix(eslint): address ESLint issues across the project

Author: MohammedADev

app/(auth)/reset-password/layout.tsx

@@ -1,11 +1,11 @@
 import Page from "./page";
-import { constructMetadata } from "@/lib/utils"
-import { Metadata } from "next/types"
+import { constructMetadata } from "@/lib/utils";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = constructMetadata({
-  title: 'Reset Password',
-  description: 'Reset your password',
-  canonical: '/reset-password',
-})
+  title: "Reset Password",
+  description: "Reset your password",
+  canonical: "/reset-password",
+});
 
 export default Page;

app/(auth)/signin/layout.tsx

@@ -1,11 +1,11 @@
 import Page from "./page";
-import { constructMetadata } from "@/lib/utils"
-import { Metadata } from "next/types"
+import { constructMetadata } from "@/lib/utils";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = constructMetadata({
-  title: 'Sign In',
-  description: 'Sign in to your account',
-  canonical: '/signin',
-})
+  title: "Sign In",
+  description: "Sign in to your account",
+  canonical: "/signin",
+});
 
 export default Page;

app/(auth)/signup/layout.tsx

@@ -1,11 +1,11 @@
 import Page from "./page";
-import { constructMetadata } from "@/lib/utils"
-import { Metadata } from "next/types"
+import { constructMetadata } from "@/lib/utils";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = constructMetadata({
-  title: 'Sign Up',
-  description: 'Sign up for an account',
-  canonical: '/signup',
-})
+  title: "Sign Up",
+  description: "Sign up for an account",
+  canonical: "/signup",
+});
 
 export default Page;

app/(auth)/signup/page.tsx

@@ -3,9 +3,9 @@ import { createClient } from "@/utils/supabase/server";
 import SignUpComponent from "@/components/auth/signup";
 
 export default async function SignUp() {
-  const supabase = createClient()
-  const { data } = await supabase.auth.getUser()
-  
+  const supabase = createClient();
+  const { data } = await supabase.auth.getUser();
+
   if (data?.user) {
     redirect("/");
   }

app/(profile)/settings/layout.tsx

@@ -1,11 +1,11 @@
 import Page from "./page";
-import { constructMetadata } from "@/lib/utils"
-import { Metadata } from "next/types"
+import { constructMetadata } from "@/lib/utils";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = constructMetadata({
-  title: 'Settings',
-  description: 'Settings for your account.',
-  canonical: '/settings',
-})
+  title: "Settings",
+  description: "Settings for your account.",
+  canonical: "/settings",
+});
 
-export default Page;
+export default Page;

app/(profile)/settings/page.tsx

@@ -1,32 +1,31 @@
-import { redirect } from 'next/navigation'
-import { createClient } from '@/utils/supabase/server'
+import { redirect } from "next/navigation";
+import { createClient } from "@/utils/supabase/server";
 
 export default async function Settings() {
-  const supabase = createClient()
+  const supabase = createClient();
 
-  const { data, error } = await supabase.auth.getUser()
+  const { data, error } = await supabase.auth.getUser();
   if (error || !data?.user) {
-    redirect('/signin')
+    redirect("/signin");
   }
-  
+
   return (
     <section className="relative">
-      <div className="max-w-6xl mx-auto px-4 sm:px-6">
-        <div className="pt-32 pb-12 md:pt-40 md:pb-20">
-
+      <div className="mx-auto max-w-6xl px-4 sm:px-6">
+        <div className="pb-12 pt-32 md:pb-20 md:pt-40">
           {/* Page header */}
-          <div className="max-w-3xl mx-auto text-center pb-12 md:pb-20">
-          <h1 className="h1">Settings</h1>
+          <div className="mx-auto max-w-3xl pb-12 text-center md:pb-20">
+            <h1 className="h1">Settings</h1>
           </div>
 
           {/* Settings */}
-          <div className="max-w-sm mx-auto">
-            <div className="flex flex-wrap -mx-3 mb-4">
+          <div className="mx-auto max-w-sm">
+            <div className="-mx-3 mb-4 flex flex-wrap">
               <div className="w-full px-3">
-                <p className="text-gray-300 text-sm font-medium mb-1">
+                <p className="mb-1 text-sm font-medium text-gray-300">
                   Full Name: {data.user.user_metadata.full_name}
                 </p>
-                <p className="text-gray-300 text-sm font-medium mb-1">
+                <p className="mb-1 text-sm font-medium text-gray-300">
                   Email: {data.user.email}
                 </p>
               </div>
@@ -35,5 +34,5 @@ export default async function Settings() {
         </div>
       </div>
     </section>
-  )
-}
+  );
+}

components/auth/reset-password.tsx

@@ -23,7 +23,7 @@ export default function ResetPassword() {
           <div className="mx-auto max-w-3xl pb-12 text-center md:pb-20">
             <h1 className="h1 mb-4">Forgot your password?</h1>
             <p className="text-xl text-gray-400">
-              We'll email you instructions on how to reset it.
+              We&apos;ll email you instructions on how to reset it.
             </p>
           </div>
 

components/blocks.tsx

@@ -5,7 +5,7 @@ export default function Blocks() {
         <div className="border-t border-gray-800 py-12 md:py-20">
           {/* Section header */}
           <div className="mx-auto max-w-3xl pb-12 text-center md:pb-20">
-            <h2 className="h2 mb-4">Oh - and it's all Open Sourced.</h2>
+            <h2 className="h2 mb-4">Oh - and it&apos;s all Open Sourced.</h2>
             <p className="text-xl text-gray-400">
               Made by developers for developers.
             </p>

components/features.tsx

@@ -9,7 +9,7 @@ export default function Features() {
             data-aos="fade-up"
             data-aos-delay="1000"
           >
-            <h2 className="h2 mb-4">Oh - and it's all Open Sourced.</h2>
+            <h2 className="h2 mb-4">Oh - and it&apos;s all Open Sourced.</h2>
             <p className="text-xl text-gray-400">
               Pear is made by developers, for developers. Help us out by giving
               <a