fix: update image quality settings and import syntax

- Added 'qualities' array to the Next.js configuration for image optimization.
- Updated import statement in image.ts for better consistency with ES module syntax.

Co-authored-by: developer <developer@example.com>

Author: codercatdev

next.config.ts

@@ -2,6 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
 	images: {
+		qualities: [75, 80],
 		remotePatterns: [
 			{
 				protocol: "https",

sanity/lib/image.ts

@@ -1,4 +1,4 @@
-import createImageUrlBuilder from "@sanity/image-url";
+import { createImageUrlBuilder } from "@sanity/image-url";
 import { dataset, projectId } from "./api";
 
 const imageBuilder = createImageUrlBuilder({ projectId, dataset });