refactor: Enhance auth configuration with TypeScript types and improve session handling

- Added TypeScript types for Session, JWT, and NextAuthUser to improve type safety in auth.ts.
- Updated the authorize, jwt, and session callbacks to utilize these types, enhancing clarity and maintainability.
- Adjusted eslint configuration to ignore specific directories and updated linting commands in package.json for consistency.

Author: 0xdevcollins

app/(landing)/about/OurTeam.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 
 const OurTeam = () => {
   return (
-    <div className='lg:p-25 p-8'>
+    <div>
       <p
         className='text-sm font-medium bg-clip-text text-transparent w-fit mx-auto'
         style={{
@@ -18,7 +18,7 @@ const OurTeam = () => {
         Meet the Brains Behind Boundless
       </h1>
       <p
-        className='mt-2 bg-clip-text text-transparent lg:w-2/5 mx-auto '
+        className='mt-2 bg-clip-text text-transparent text-center lg:w-2/5 mx-auto '
         style={{
           backgroundImage:
             'linear-gradient(93.2deg, #B5B5B5 15.93%, #FFFFFF 73.28%)',

app/(landing)/about/Partners.tsx

@@ -4,8 +4,8 @@ import React from 'react';
 
 const Partners = () => {
   return (
-    <div className='lg:py-50 md:py-36 sm:py-25 py-16 lg:px-25 md:px-20 sm:px-12 px-5'>
-      <h1 className='lg:text-5xl md:text-4xl text-[32px]'>
+    <div className='text-center'>
+      <h1 className='lg:text-5xl md:text-4xl text-[32px] text-white'>
         Backed by Trusted Partners
       </h1>
       <p

app/(landing)/about/page.tsx

@@ -3,13 +3,19 @@ import { Metadata } from 'next';
 import { generatePageMetadata } from '@/lib/metadata';
 import TestimonialsSection from '@/components/testimonials/TestimonialsSection';
 import { testimonials } from '@/components/testimonials/data/testimonial';
+import OurTeam from './OurTeam';
+import Partners from './Partners';
 
 export const metadata: Metadata = generatePageMetadata('about');
 
 const AboutPage = () => {
   return (
-    <div className='text-white text-4xl font-bold text-center mt-10'>
-      <TestimonialsSection testimonials={testimonials} />
+    <div className='relative z-10 space-y-[23px] md:space-y-[80px] max-w-[1300px] mx-auto'>
+      <OurTeam />
+      <Partners />
+      <div className='text-white text-4xl font-bold text-center mt-10'>
+        <TestimonialsSection testimonials={testimonials} />
+      </div>
     </div>
   );
 };

auth.ts

@@ -1,4 +1,7 @@
 import NextAuth from 'next-auth';
+import type { Session } from 'next-auth';
+import type { JWT } from 'next-auth/jwt';
+import type { User as NextAuthUser } from 'next-auth';
 import Credentials from 'next-auth/providers/credentials';
 import { login, getMe as getMeBase } from '@/lib/api/auth';
 import Google from 'next-auth/providers/google';
@@ -89,7 +92,11 @@ export const authConfig = {
         password: { label: 'Password', type: 'password' },
         accessToken: { label: 'Access Token', type: 'text' },
       },
-      authorize: async (credentials: any) => {
+      authorize: async (
+        credentials:
+          | Partial<Record<'email' | 'password' | 'accessToken', unknown>>
+          | undefined
+      ) => {
         if (
           typeof credentials?.accessToken === 'string' &&
           !credentials?.email &&
@@ -152,21 +159,28 @@ export const authConfig = {
     }),
   ],
   callbacks: {
-    authorized: async ({ auth }: { auth: any }) => {
+    authorized: async ({ auth }: { auth: Session | null }) => {
       // Logged in users are authenticated, otherwise redirect to login page
       return !!auth;
     },
-    async jwt({ token, user }: any) {
+    async jwt({ token, user }: { token: JWT; user?: NextAuthUser | null }) {
       if (user) {
-        const u = user as { accessToken?: string; refreshToken?: string };
+        const u = user as NextAuthUser & {
+          accessToken?: string;
+          refreshToken?: string;
+        };
         token.accessToken = u.accessToken;
         token.refreshToken = u.refreshToken;
       }
       return token;
     },
-    async session({ session, token }: any) {
-      session.user.accessToken = token.accessToken as string | undefined;
-      session.user.refreshToken = token.refreshToken as string | undefined;
+    async session({ session, token }: { session: Session; token: JWT }) {
+      session.user.accessToken = (
+        token as JWT & { accessToken?: string }
+      ).accessToken;
+      session.user.refreshToken = (
+        token as JWT & { refreshToken?: string }
+      ).refreshToken;
       return session;
     },
   },

eslint.config.mjs

@@ -10,6 +10,15 @@ const compat = new FlatCompat({
 });
 
 const eslintConfig = [
+  {
+    ignores: [
+      'node_modules/**',
+      '.next/**',
+      'out/**',
+      'build/**',
+      'next-env.d.ts',
+    ],
+  },
   ...compat.extends(
     'next/core-web-vitals',
     'next/typescript',

package.json

@@ -6,11 +6,11 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "eslint .",
     "type-check": "tsc --noEmit",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "lint:fix": "next lint --fix",
+    "lint:fix": "eslint --fix .",
     "prepare": "husky install"
   },
   "lint-staged": {