[fix] Current middleware blocks access to media from public folder

[TheGenio]

Title

Current middleware blocks access to media from public folder

Description

The current middleware configuration is blocking access to media files in the public folder. We need to update the middleware to allow media files to be served correctly.

Current Middleware

export const config = {
    matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
};

Updated Middleware (Doesn't block media)

export const config = {
    matcher: ["/((?!api|_next/static|_next/image|.*\.png$|.*\.jpg$|favicon.ico)).*"]
};

Steps to Reproduce

1. Place media files (e.g., .png, .jpg) in the public folder.
2. Try to access the media files through the browser.
3. Observe that access is blocked by the current middleware configuration.

Expected Behavior

Media files should be accessible from the public folder without being blocked by the middleware.

Additional Context

This issue needs to be resolved to ensure that all media assets are correctly served from the public folder.