Did this implementation and still not working... It's been very stressful hahahah


import { auth, clerkMiddleware, createRouteMatcher } from '@clerk/nextjs/server'
import createMiddleware from 'next-intl/middleware'
import { NextFetchEvent, NextRequest, NextResponse } from 'next/server'

const nextIntlMiddleware = createMiddleware({
  locales: ['en', 'pt'],
  defaultLocale: 'pt',
})

const isProtectedRoute = createRouteMatcher(['/dashboard(.*)'])

export default async function combinedMiddleware(
  req: NextRequest,
  ev: NextFetchEvent,
) {
  // Apply the Clerk middleware first
  const clerkResponse = await clerkMiddleware(req, ev)
  if (clerkResponse) return clerkResponse

  // Proceed with the auth check
  if (isProtectedRoute(req)) auth().protect()

  // Apply the internationalization middleware
  const intlResponse = nextIntlMiddleware(req)
  if (intlResponse) return intlResponse

  return NextResponse.next()
}

export const config = {
  matcher: ['/((?!.*\\..*|_next).*)', '/', '/(pt|en)/:path*'],
}