docs: add AWS CloudFront loader for next/image (#63262)

### What?
Adds Amazon CloudFront custom loader docs.

### Why?
Help people find Amazon CloudFront as an option for Image loaders.

---------

Co-authored-by: Steven <steven@ceriously.com>

docs/02-app/02-api-reference/05-next-config-js/images.mdx

@@ -39,6 +39,7 @@ Alternatively, you can use the [`loader` prop](/docs/pages/api-reference/compone
 ## Example Loader Configuration
 
 - [Akamai](#akamai)
+- [AWS CloudFront](#aws-cloudfront)
 - [Cloudinary](#cloudinary)
 - [Cloudflare](#cloudflare)
 - [Contentful](#contentful)
@@ -60,6 +61,18 @@ export default function akamaiLoader({ src, width, quality }) {
 }
 ```
 
+### AWS CloudFront
+
+```js
+// Docs: https://aws.amazon.com/developer/application-security-performance/articles/image-optimization
+export default function cloudfrontLoader({ src, width, quality }) {
+  const url = new URL(`https://example.com${src}`)
+  url.searchParams.set('format', 'auto')
+  url.searchParams.set('width', width.toString())
+  url.searchParams.set('quality', (quality || 75).toString())
+  return url.href
+```
+
 ### Cloudinary
 
 ```js